React Newsletter #56

12/22/2016

16,330 Subscribers. Every Tuesday.

Articles

React.js best practices and conventions

The following guidelines mostly focus on component structure and JSX. However, they are not hard and fast rules, but more of an opinionated set of guidelines the author choose to adhere to that make my code more readable, more robust and easily maintainable.

Advanced Data Tables in React

The web development community has left behind the days where tables were used for layout or weren’t used at all in favour of trendier layouts. We are finally using tables how they were intended to be used: For visualizing data. In this article, you’ll take a look at some data table libraries in React, how they compare to each other, which one we chose, and suggestions which one you should choose depending on your context.

React ”Aha” Moments

An “aha” moment is a moment of sudden insight or clarity; when the subject matter suddenly makes sense. Here’s a collection of ”aha” moments that typically occur when you’re learning React.


Tutorials

Installing React Fiber

Fiber is React’s new reconciliation algorithm. It has many benefits but perhaps the most important is a pretty nice performance gain. It’s not 100% finished yet, but it’s pretty close. If you want to give it a whirl in your project, check out this post.

Real time stats with WebSockets and React

Frustrated with Google Analytics real time data, this developer rolled their own analytics with node.js, WebSockets and React.


Projects

React-Voice-Components

Set of React components that use the Web Speech API to bring voice experience to React applications

Pigeon Maps

ReactJS Maps without external dependencies.

React-Fix-It

Automagically generate tests from errors.

Follow the flow: Enhance your components with fixIt Write some bugs (or wait for your components to fail) Open the console and copy the test snippet Paste the code to reproduce the error Fix the bugs and celebrate


Videos

ReactCasts #8 - Selectors in Redux

Selectors are convenience functions used for looking up and retrieving snippets of data from the Redux store, into your components. They play an important role as they help cope with derived and related data - allowing Redux to store the minimal possible state.


16,330 Subscribers. Every Tuesday.