React Newsletter #33

06/09/2016

16,330 Subscribers. Every Tuesday.

News

React.js Meeting Notes

Here are the React.js teams meeting notes for 6/2/16.


Articles

Here are the React.js teams meeting notes for 6/2/16.

Alex Kirszenberg shows us how some curiosity can drive you into interesting realms of understanding as he explores an implementation of a feature on Facebook.

Comparing React.js to Vue.js

The aim of this post is to observe the differences between React and Vue as view layers. The scenario is a page which has a table of nested, frequently-updating data with a fixed number of rows. This nicely represents some of the problems Max Willmott faces on the front-end at Football Radar

After React: Elm?

So you’ve mastered React, Redux, ES6, etc and you find yourself in a better position than a couple of years ago; now you’ve got a more maintainable source code with unidirectional data flow, fast DOM manipulation with Virtual DOM and other nice perks such as (HMR) Hot Module Reload. Not bad! But it’s never enough in the world of software development, is it? Freeman Latif answers that question in this blog post of his on Elm.

Using React Native: One Year Later — Discord Engineering

As a native iOS developer, Fanghao Chen strongly doubted using web technologies to build mobile apps because of his previous experiences with tools like PhoneGap. But after learning and using React Native for a while, he is glad his team made that decision.


Tutorials

Why is ‘key’ needed?

A common question when you’re first starting out is why is a ‘key’ attribute needed when you’re looping over a collection? Dan gives a great answer here.”

How to write your own Virtual DOM

There are two things you need to know to build your own Virtual DOM. You do not even need to dive into React’s source. Or into source code of any other Virtual DOM implementations. They are so large and complex — but in reality the main part of Virtual DOM can be written in less than ~50 lines of code. 50. Lines. Of. Code. !!!

deathmood walks us through implementing a virtual DOM of our very own!


Projects

Deco - React Native IDE

Deco gained quite the popularity even before it was released. The great news is that it’s now in the wild and ready for you to try. Deco is an IDE for React Native and is an all-in-one solution for building React Native applications. Check it out.

Generate GraphQL queries from models that can be mocked and normalized.

A Combination of normalizr, json-schema-faker and GraphQL that allows you to define multipurpose models that can generate GraphQL queries, mock deeply nested data and normalize.

Icons as React Components

Some things in life are just inexplicably difficult. Trying to explain to your neighbor why you accidentally kidnapped their dog named Taco, growing a beard, pushups; I’d say the hardest of them all is implementing icons in a web project.

Seriously, why is it so hard? I don’t know, but David Gilbertson has presented us with a solution that might ease the burden of getting those icons where they belong.


Videos

Scaling React.js Applications

By now you’re probably familiar with React. However, you might not be familiar with what it takes to scale a React.js application. In this talk, Max covers scalability, state management, architecture, and performance

16,330 Subscribers. Every Tuesday.