We have culled the best of the articles from last month and these are the ones we think are worth reading. Served with a small quiver of interesting libraries worth a look.
Articles
13 things you need to know about React
I've been using React for over a year now. I'm also conducting training to help people learn it from scratch. I noticed that on every traini...
Authored by: Krzysztof Jendrzyca
A deep dive into children in React
The core of React is components. You can nest these components like you would nest HTML tags, which makes is easy to write JSX since it rese...
Authored by: Max Stoiber
React's Five Fingers of Death. Master these five concepts, then master React.
A few years ago, my friend Sean started telling me how this brand new front-end library called React was going to take over the web. At firs...
Authored by: Sacha Greif
Reactiflux | Jordan Walker Interview Transcript
I hope that there are plans for further unifying React Native and React for mobile web. At any given time there's a handful of people (eithe...
Authored by: Reactiflux
Refactoring React - Extracting Layout Components
With React, abstraction doesn't have to be limited to separating presentational and container components or lifting up state. Often, extract...
Authored by: Erik Aybar
How to build, test and deploy React Applications in 2017
Unless you are living in a cave, continuous integration (CI) is all the rage, but it's not just a practice exclusive to backend guys; front-...
Authored by: Vladimir
Internationalizing React Apps
All you need to know about internationalization. Learn how to develop a simple universal React application with full internationalization su...
Authored by: Smashing Magazine
Optimizing the Performance of Your React Application
Profiling your React code is simple using the tools providing by the react-addons-perf package. Once you know where React is wasting time, y...
Authored by: Alex Sears
GraphQL & React tutorial (part 1/6)
A guide to using the latest production-ready tools to build modern apps in 2017 I've been fascinated with teaching people to build apps sinc...
Authored by: Tom Coleman
How should you React to Redux
All you need to know about using React with Redux
Authored by: Brainhub.eu
Why I love Create React App
Create React App is a great React app starter and runner. Create React App GitHub Create React App User Guide Awesome Create React App. Feel...
Authored by: Valeriy
React Interview Questions
For the record, asking someone these questions probably isn't the best way to get a deep understanding of their experience with React. React...
Authored by: Tyler McGinnis
Redux with React - First look
This time is the turn for Redux, one of the hottest libraries for front-end web development. It was created in 2015, influenced by Flux arch...
Authored by: Jose Mendez
How To Add Redux To Create React App
This tutorial will show you how we can add Redux to the Create React App starter project. We'll be using community best practices to structu...
Authored by: JavaScript Kicks
React.js Forms: Controlled Components
This post covers the following controlled components: Also covered are: Clearing/resetting the form's data Submitting data Validation Check ...
Authored by: Loren Stewart
Making dynamic form inputs with React
Forms seem very simple so far. Indeed, when we only have a fixed set of fields, it's pretty easy to make them into code. In real apps, howev...
Authored by: Gosha Arinich
Fetching data in a universal react router app with async actions
One of the most difficult things when working in a universal app is fetching data on the client side. With es2017 and the React lifecycle, i...
Authored by: Jonathan Creamer
How To Add React Router To Create React App
If you want to add single page app capability to Create React App, then you need to add React Router to the project. In this tutorial I will...
Authored by: Yongzhi Huang
React Router Animation Examples
Hi guys, I made an example using React Router and React's Animations in a mobile context. https://github.com/kiki-le-singe/react-router-anim...
Authored by: Anthony Albertini
What happens when you use RxJS in React?
The ReactiveX Observable model allows you to treat streams of asynchronous events with the same sort of simple, composable operations that y...
Authored by: Domagoj Kriskovic
JSX framework - A syntax sugar for ReactJS
Eventually you realize that HTML and CSS are not enough, you need JavaScript. And now for react you are able to use jsx framework
Authored by: Jose Mendez
Thinking in Redux (when all you've known is MVC)
When we at Spoil decided to roll out our mobile app, one of the first decisions we had to make was: what language do we use? After some deli...
Authored by: Mikhail Levkovsky
Instant form field validation with React's controlled inputs
If you've followed along, you know about controlled inputs and simple things they enable, like disabling the Submit button when some fields ...
Authored by: Gosha Arinich
React at 60fps
React is an abstraction over the DOM and as any abstraction, it has its costs and limitations that you may hit sooner or later. Understandin...
Authored by: Andrey Okonetchnikov
Cross-platform React stories
React brought us a new way to think about the client-side and UIs in general. So that was exciting. For React to be effective we start to th...
Authored by: Hugo Di Francesco
Rax is a React Native, not just a React
I think people in the English community just missed the point. Rax is not a React alternative, it's a React Native alternative, which suppor...
Authored by: jiyinyiyong
Curating 20 Progressively More Complex Open Source React Apps
Reading through open source projects is a great way to learn a new library or framework. This can show you what tutorials and documentation ...
Authored by: appendTo
Example of how to use partial application to pass parameters to event handlers in React
Example of how to use partial application to pass parameters to event handlers in React
Authored by: Sergio XalambrÃ
List Filtering through State Management: Moving from jQuery to React/Redux
Most web applications give people an interface to interact with and explore data. Thus, a core challenge of building applications is continu...
Authored by: appendTo
The Good and Bad parts of JSX
JSX is a de facto standard for declaring components structure in React applications. It became popular because of familiar syntax, in this c...
Authored by: Roman Liutikov
Improving the State of your App with Redux
Redux is a self-proclaimed "predictable state container for JavaScript apps." It has gained popularity through its association and integrati...
Authored by: Jeremy Likness
Children in JSX
React in patterns series. If you want to learn more check out the repo.). It gives us the power to create a placeholder that is later filled...
Authored by: Krasimir Tsonev
Libraries
acdlite/react-fiber-architecture
react-fiber-architecture - A description of React's new core algorithm, React Fiber
Authored by: Andrew Clark
FormidableLabs/formidable-react-starter
formidable-react-starter - React starter application
Authored by: Ken Wheeler
react-cssom - Css selector for React Components
mbasso/react-cssom - Css selector for React Components
Authored by: Matteo Basso
nikgraf/webvr-experiments
webvr-experiments - A collection of ReactVR experiments (potentially also A-Frame and WebVR expriments using ReasonML & Elm)
Authored by: Nik Graf
backbone.react-bridge - Transform Backbone views to React components and vice versa
Workable/backbone.react-bridge - Transform Backbone views to React components and vice versa
Authored by: JavaScript Kicks
react-siema
ReactSiema is a lightweight carousel plugin for React. It's a wrapper based on decent library Siema .
Authored by: npmbot
insin/nwb
nwb - A toolkit for React, Preact & Inferno apps, React libraries and other npm modules for the web, with no configuration (until you need i...
Authored by: Jonny Buchanan
kea - High level architecture for React apps
mariusandra/kea - High level architecture for React apps
Authored by: Marius Andra
More ReactJS is already posted this month. Join the JSK Daily list at the top of this page or join JSK and stay current.