insin

42 ms·

481.
by insin 11y ago
I feel like React - or something like it - is part of the path back to progressive enhancement, as you can use the same components to generate the initial HTML on the server and to enhance it when JavaScript is available on the client. As y
482.
by insin 11y ago
Is he using shouldComponentUpdate() [1] to avoid diffing existing photos when new ones are added? [1] https://facebook.github.io/react/docs/advanced-performance.h...
483.
GraphQL.js Technical Preview(github.com)
63 points by insin 11y ago|2 comments
484.
Dawn of the Progressive Single Page App [slides](markdalgleish.github.io)
2 points by insin 11y ago|3 comments
485.
Navigating the React Ecosystem(toptal.com)
11 points by insin 11y ago|1 comments
486.
Show HN: React Lessons – tutorial editor and viewer(insin.github.io)
2 points by insin 11y ago|0 comments
487.
by insin 11y ago
Have you read Backend Apps with Webpack? http://jlongster.com/Backend-Apps-with-Webpack--Part-I http://jlongster.com/Backend-Apps-with-Webpack--Part-II http://jlongster.com/Backend-Apps-with
488.
by insin 11y ago
This is precisely why I hate optional syntax, regardless of which way your preferences fall on this particular one.
489.
by insin 11y ago
Alternatively: console.log("woof") void function() { console.log("foo") }() There really is only one ASI rule you need to remember [0] in practice: don't begin a new line with ( or [ if it's intend
490.
by insin 11y ago
You can use Babel's JSX transformer for HTML elements by sticking this in a .babelrc file: { "jsxPragma": "m" } You'll also be able to use it for Mithril components when the next version of M
491.
by insin 11y ago
Luigi just had a whole year to himself :) http://www.mariowiki.com/Year_of_Luigi
492.
by insin 11y ago
There are probably some Webpack users reading this who have similar feelings about Browserify.
493.
Sigh: functional reactive declarative build automation system(sighjs.github.io)
2 points by insin 11y ago|0 comments
494.
by insin 11y ago
FYI, you can use Babel to transpile JSX for Mithril by putting this in .babelrc: { "jsxPragma": "m" }
495.
by insin 11y ago
<div data-query="each(products)"> ... </div> The React (or Mithril, or Mercury, or other virtual DOM libraries - just change the function being called) equivalent would be: products.map(product =&g
496.
by insin 11y ago
That's not been my experience - multiple lines nest quite nicely - but even when directly inlining isn't suitable (e.g. multiple if/else checks or rendering a list in a way which doesn't suit a straight .map()) I prefer
497.
by insin 11y ago
> On the other hand, when using a template language I can put `foreach` loops and `if` conditions right into the template itself. And when using JSX I need to calculate the result of a `for` loop before the actual template and it looks m
498.
by insin 11y ago
That's the compiled version - this is the source for the Riot example: https://github.com/muut/riotjs/blob/master/demo/todo.tag
499.
by insin 11y ago
ES6 with a sprinkling of JSX. Paste this into the Babel REPL [1]: /** @jsx element */ export let Button = { render({props, state}) { return <button>{props.text}</button> } } [1
500.
by insin 11y ago
Relevant: "Why Not Template Literals?" on the JSX specification site: http://facebook.github.io/jsx/#why-not-template-literals
501.
by insin 11y ago
JSX [1] is essentially a syntax fix for something people have been doing for a long time in JavaScript with DOM building libraries. Having extensively used nested function call (like MochiKit.DOM [2]) and nested JSON-ML-ish array (like domb
502.
by insin 12y ago
My 8 year old and 5 year old play together on a ScriptCraft [1] server I run on my laptop. Just watching them build stuff, play out stories and invent new things together is amazing, and the eldest quickly learnt how to enter commands in th
503.
by insin 12y ago
As an experiment, I deliberately avoided adding "by Google" or similar when first submitting FOAM to HN while it was being tweeted about after yesterday's EmpireJS talk: https://news.ycombinator.com/item?id=94
504.
by insin 12y ago
Curiouser: https://github.com/foam-framework/foam/blob/b75af78303f15826...
505.
by insin 12y ago
This presentation might help a bit: https://docs.google.com/presentation/d/1KQkRJOiEBDktgFSa3qle... There is so much stuff in the source tree - including what looks like a complete UI layer - that I'm having
506.
FOAM Framework(foam-framework.github.io)
10 points by insin 12y ago|3 comments
507.
Everyone has JavaScript, right?(kryogenix.org)
118 points by insin 12y ago|98 comments
508.
by insin 12y ago
Seconding that, this is far more useful than another TodoMVC implementation for getting a feel for how an Angular 2 app is put together, with multiple pages, data from an API and at least one component with more complex display logic.
509.
by insin 12y ago
The Firebase API is pretty quick after the initial connection, here's an un-optimised React version (i.e. no shouldComponentUpdate hooks) which uses the Firebase API, for comparison: http://insin.github.io/react-hn
510.
by insin 12y ago
I saw this [1] from one of the (ex-FB) React devs after the last bout of this on HN: > it's "be a patent troll and suffer the consequences" [1] https://twitter.com/floydophone/status/5814860992408

More ›