React Newsletter #56

React.js best practices and conventions, advanced data tables in React, and intalling React Fiber


Articles

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.


made with ❤️ by ui.dev