React.js Best Practices

Best practices for React.js based on our experience: how you should write a React.js application and recommended libraries for 2016.

This resource contains a collection of React.js best practices and React.js tips provided by our Toptal network members.

Sift Science has been using React in production for almost a year now. In that time, we grew our application from a Backbone + React frankenstein hybrid app into one fairly large hierarchy of React components. In this post, we’ll describe some techniques and best practices that have helped us scale our UI code base with minimal friction. We’ll also walk through some common component design patterns.Hopefully this post will save you time and sanity and provide you with some new tools for maintaining a React code base that builds on itself (instead of breaking down) as the complexity of the UI grows.

An opinionated set of React.js best practices to make components more readable, more robust and easily maintainable.

A JavaScript library for building user interfaces

• Learn ReactJS starting from Overview, Environment Setup, JSX, Components, State, Props Overview, Props Validation, Component API, Component Life Cycle, Forms, Events, Refs, Keys, Router, Flux concept, Using Flux, Animations, Server side Rendering, Higher order Components.

This is a bonus post in the Cabin tutorial series created by getstream.io. Visit cabin.getstream.io for an overview of all 8 tutorials and a live demo. The full source code is available on Github. At Stream, we’ve chosen to use React and Redux to power...

Traditionally, web pages have been split up into markup (HTML), styling (CSS), and logic (JavaScript). Thanks to React and similar approaches, we've begun to question this split. We still may want to separate our concerns somehow. But the split can be on different axes.

This change in the mindset …

.quote-attribution { padding-left: 30px; padding-bottom: 30px }

So, you want to start a new javascript project using React, perhaps using the Flux architectur

Hosted By: Simon St. Laurent, Peter Cooper This April, our Web platform conference Fluent returns to San Francisco for its fourth year. In addition to our continued, core focus on JavaScript and HTML5, we also look at a broader scope...

Webpack simplifies web development by solving a fundamental problem - the problem of bundling. It takes in various assets, such as JavaScript, CSS, and HTML, and then transforms these assets into a format that's easy to consume through a browser. By doing this well, it takes away significant amount…