Tag Archives: React

A collection of awesome React tools, resources, videos and shiny things.


A collection of awesome React tools, resources, videos and shiny things.

Resources

General Resources

React Online Playground

React Community

Tutorials

General Tutorials
Writing React Components
Writing Isomorphic Apps
JSX
Flux Tutorials
Building robust web apps with React
Scotch.io React tutorials series
React styling
React and Backbone
React and Angular
React and Bootstrap
React and ClojureScript
React and D3js
Server-Client with React
Server Side rendering
Compiling React Tutorials
Testing React Tutorials
Data Models for React
Debugging React

Approach Explanation

React Internals

Tools

Flux

Boilerplates

Components

Libraries

Integration

Routing

Forms

Autocomplete

Unit Testing

Graphics

Model Libraries

Data Managing

Development Environment

Generating

Compiling

Videos

Video from Confs

Video Tutorials

Books

Demos

Examples

Other Awesome Lists

Contribution

Your contributions and suggestions are heartily♡ welcome. (✿◠‿◠)

A collection of awesome React tools, resources, videos and shiny things.

Resources

General Resources

React Online Playground

React Community

Tutorials

General Tutorials
Writing React Components
Writing Isomorphic Apps
JSX
Flux Tutorials
Building robust web apps with React
Scotch.io React tutorials series
React styling
React and Backbone
React and Angular
React and Bootstrap
React and ClojureScript
React and D3js
Server-Client with React
Server Side rendering
Compiling React Tutorials
Testing React Tutorials
Data Models for React
Debugging React

Approach Explanation

React Internals

Tools

Flux

Boilerplates

Components

Libraries

Integration

Routing

Forms

Autocomplete

Unit Testing

Graphics

Model Libraries

Data Managing

Development Environment

Generating

Compiling

Videos

Video from Confs

Video Tutorials

Books

Demos

Examples

Other Awesome Lists

Contribution

Your contributions and suggestions are heartily♡ welcome. (✿◠‿◠)

React Style Guide


via React Style Guide.

The idea of “idiomatic” React hasn’t been explicitly written on, so I thought I’d offer some conventions that my team at Tune has been using during the past few months of adoption. For the sake of this article, scope will be limited to coding style in React components – not styling, componentization, or Flux strategies. Also, this is meant to be a living document – and I am sure there are better ideas out there – so any comments and feedback are more than welcome.

Getting Started with React and JSX


via Getting Started with React and JSX.

React is an open source library for building user interfaces. It lets you create views easily while making sure your UI stays in sync with the underlying data model. This article, targeted towards beginners, covers the basics of React and JSX syntax.

Relieving Backbone Pain with Flux & React


Click to Watch

In this talk, I go over some of the pain points we’re currently experiencing with our frontend apps, and cover a fair bit about how Flux & React can help.

For the past few years HubSpot has been building single-page apps exclusively with Backbone. And boy, have we learned a lot in the process. Mostly, we’ve learned that while Backbone is great at what it does, operating at a larger scale and a faster pace means we have bigger problems to solve that require different approaches.

Over the past few months we’ve been experimenting with Flux &React by implementing them in internal tools and small portions of our products. The performance gains we’ve seen, coupled with the simpler mental model, have convinced us that this is the way we now want to build frontend web applications.

Video: React: RESTful UI Rendering


React is a new a conceptual model for rendering user interfaces in a functional style. In this talk I’ll look at how both the user-facing and implementation specifics resemble RESTful architectures and some interesting patterns and properties that fall out of this.