reactjs.md

July 15, 2021 · View on GitHub

Bookmarks tagged [reactjs]

www.codever.land/bookmarks/t/reactjs

gothinkster/realworld: "The mother of all demo apps" — Exemplary fullstack Medium.com clone powered by React, Angular, Node, Django, and many more 🏅

https://github.com/gothinkster/realworld

"The mother of all demo apps" — Exemplary fullstack Medium.com clone powered by React, Angular, Node, Django, and many more

Bit.dev

https://bit.dev/

Easily share reusable components between projects and applications to build faster as a team. Collaborate to develop, publish and manage components and modules at any scale without overhead. Discover ...

Chats with Kent

https://kentcdodds.com/chats-with-kent-podcast

Kent C. Dodds chats with developers about life, career, and code.

React Simple Auth: React + Redux + OAuth 2.0 - Matt Mazzola - Medium

https://medium.com/@mattmazzola/react-simple-auth-react-redux-oauth-2-0-de6ea9df0a63

I recently started working on a React project and was looking to add authentication support to it. As a long time Ember developer I expected there to be a standard community solution similar to ember-...

Premium Bootstrap Themes and Templates: Download @ Creative Tim

https://www.creative-tim.com/

UI Kits, Templates and Dashboards built on top of Bootstrap, Vue.js, React, Angular, Node.js and Laravel.

A cleaner multi-stage continuous deployment on Kubernetes of a Create React App with kustomize, helm and skaffold – CodepediaOrg

https://www.codepedia.org/ama/a-cleaner-multi-stage-deployment-on-kubernetes-of-a-create-react-app-w...

This blog posts presents a clean way to make a multi-stage deployment of a Create React App on a Kubernetes Cluster. Deployments with kubectl, helm charts, kustomize and skaffold are presented.

Reach Router Home Page

https://reach.tech/router

Next Generation Routing for React

Using React in Multiple Environments

https://daveceddia.com/multiple-environments-with-react/

You’ve got a React app working locally, but how can you deploy it to different environments?

Several useful alternatives are presented.

Dockerizing a React App

https://mherman.org/blog/dockerizing-a-react-app/

This tutorial demonstrates how to Dockerize a React app using the Create React App generator. We’ll specifically focus on-

  1. Setting up a development ...

Learn Kubernetes in Under 3 Hours: A Detailed Guide to Orchestrating Containers

https://www.freecodecamp.org/news/learn-kubernetes-in-under-3-hours-a-detailed-guide-to-orchestratin...

These guides assume the reader knows about application development, Microservices, and Docker containers.

In this Article we will go from :

  1. Running a Microservice based application on your comput...

GitHub - erikras/react-redux-universal-hot-example

https://github.com/erikras/react-redux-universal-hot-example

A starter boilerplate for a universal webapp using express, react, redux, webpack, and react-transform - erikras/react-redux-universal-hot-example

GitHub - dasniko/keycloak-reactjs-demo

https://github.com/dasniko/keycloak-reactjs-demo

Demo for React.js and Keycloak SSO integration. Contribute to dasniko/keycloak-reactjs-demo development by creating an account on GitHub.

React Documentation

https://reactjs.org/docs

Reactiflux Discord Channel

http://www.reactiflux.com/

We’re a chat community of 50,000+ React JS, React Native, Redux, Relay and GraphQL developers.

React StackOverflow

http://stackoverflow.com/questions/tagged/reactjs

React Twitter

https://twitter.com/reactjs

Die neuesten Tweets von React (@reactjs). React is a declarative, efficient, and flexible JavaScript library for building user interfaces

CodePen

https://reactjs.org/redirect-to-codepen/hello-world

CodeSandbox

https://codesandbox.io/s/new

The online code editor tailored for web applications

JSFiddle

https://jsfiddle.net/boilerplate/react-jsx

Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.

React Official Tutorial

https://facebook.github.io/react/docs/tutorial.html

Using React in Visual Studio Code

https://code.visualstudio.com/docs/nodejs/reactjs-tutorial

React JavaScript tutorial showing IntelliSense, debugging, and code navigation support in the Visual Studio Code editor.

Scrimba - Learn React for free interactively

https://scrimba.com/g/glearnreact

This tutorial course contains 48 interactive screencasts and is the perfect starting point for aspiring React developers. You'll learn all the key concepts while building two apps and doing coding cha...

FreeCodeCamp React Challenges

https://learn.freecodecamp.org/front-end-libraries/react

Learn to code with free online courses, programming projects, and interview preparation for developer jobs.

React Cheatsheet

https://devhints.io/react

React.Component · render() · componentDidMount() · props/state · dangerouslySetInnerHTML · React is a JavaScript library for building user interfaces. This guide targets React v15 to v16.

React Patterns

https://reactpatterns.com/

React patterns from beginners to advanced developers. Simple examples, short descriptions, and quality advice.

Setup Flow with React

https://flow.org/en/docs/react/

Learn how to setup React with Flow

React Hooks

https://reactjs.org/docs/hooks-intro.html

Replacing Redux with React Hooks and Context

https://medium.com/octopus-labs-london/replacing-redux-with-react-hooks-and-context-part-1-11b72ffdb...

If you’ve been in the React world for a decent amount of time you would have heard about Redux. Redux is cool, it’s a way of getting separate components to alter and pull data from the main…

React Hooks cheat sheet: Unlock solutions to common problems

https://blog.logrocket.com/react-hooks-cheat-sheet-unlock-solutions-to-common-problems-af4caf699e70/

How to fetch data with React Hooks?

https://www.robinwieruch.de/react-hooks-fetch-data/

A tutorial on how to fetch data in React with Hooks from third-party APIs. You will use state and effect hooks for the data request from a real API ...

Easy to understand React Hook recipes

https://usehooks.com/

We bring you easy to understand React Hook code recipes so you can learn how React hooks work and feel more comfortable writing your own.

Awesome React Hooks

https://github.com/rehooks/awesome-react-hooks

Awesome React Hooks. Contribute to rehooks/awesome-react-hooks development by creating an account on GitHub.

TypeScript, React and Webpack

https://www.typescriptlang.org/docs/handbook/react-&-webpack.html

JSX in TypeScript

https://www.typescriptlang.org/docs/handbook/jsx.html

React Optimizing Performance

https://reactjs.org/docs/optimizing-performance.html

Introducing the React Profiler

https://reactjs.org/blog/2018/09/10/introducing-the-react-profiler.html

Optimizing React: Virtual DOM explained

https://evilmartians.com/chronicles/optimizing-react-virtual-dom-explained

Learn about React's Virtual DOM and use this knowledge to speed up your applications. In this thorough beginner-friendly introduction to framework's internals, we will demystify JSX, show you how Reac...

A Definitive Guide to Optimize Major Performance issues in React

https://www.simform.com/react-performance/

Twitter Lite and High Performance React Progressive Web Apps at Scale

https://medium.com/@paularmstrong/twitter-lite-and-high-performance-react-progressive-web-apps-at-sc...

Creating a fast web application involves many cycles of measuring where time is wasted, understanding why it’s happening, and applying potential solutions. Unfortunately, there’s never just one…

Using the React DevTools Profiler to Diagnose React App Performance Issues

https://www.netlify.com/blog/2018/08/29/using-the-react-devtools-profiler-to-diagnose-react-app-perf...

We had a big performance issue with rendering large server logs. Now we don't. All thanks to the DevTools Profiler.

Top 5 Practices to Boost React Performance

https://www.codementor.io/blizzerand/top-5-practices-to-boost-react-performance-jv6zr89ep

Not sure how to speed up your React application? Learn about various techniques and practices that should help you measure performance bottlenecks and optimize your components.

React is Slow, React is Fast: Optimizing react Apps in Practice

https://medium.com/dailyjs/react-is-slow-react-is-fast-optimizing-react-apps-in-practice-394176a11fb...

React is slow — just like other frontend frameworks. But if you care about performance, it’s fairly easy to make any React application super fast. Here is how.

Rendering large lists with react-window

https://addyosmani.com/blog/react-window/

Addy Osmani is an engineering manager at Google working on Chrome. He is author of open-source projects like Yeoman, TodoMVC and Material Design Lite. He has also written books like Learning JavaScrip...

Reconciliation

https://reactjs.org/docs/reconciliation.html

React Fiber Architecture

https://github.com/acdlite/react-fiber-architecture

A description of React's new core algorithm, React Fiber - acdlite/react-fiber-architecture

Build your own React

https://engineering.hexacta.com/didact-learning-how-react-works-by-building-it-from-scratch-51007984...

Write a working version of React, in less than 200 lines of code, with the same API.

Inside Fiber: In-depth overview of the new reconciliation algorithm in React

https://medium.com/react-in-depth/inside-fiber-in-depth-overview-of-the-new-reconciliation-algorithm...

React is a JavaScript library for building user interfaces. At its core lies the mechanism that tracks changes in a component state and projects the updated state to the screen. In React we know…

13 Essential React Interview Questions

https://www.toptal.com/react/interview-questions

Comprehensive, community-driven list of essential React.js interview questions. Whether you're a candidate or interviewer, these interview questions will help prepare you for your next React.js interv...

List of React interview Questions and Answers

https://github.com/sudheerj/reactjs-interview-questions

List of top 500 ReactJS Interview Questions & Answers....Coding exercise questions are coming soon!! - sudheerj/reactjs-interview-questions

create-react-app

https://github.com/facebook/create-react-app

Set up a modern Web app by running one command

react-devtools

https://github.com/facebook/react-devtools

Inspection of React component hierarchy in the Chrome and Firefox Developer Tools

react-hot-loader

https://github.com/gaearon/react-hot-loader

Tweak React components in real time

react-loadable

https://github.com/jamiebuilds/react-loadable

A higher order component for loading components with promises

loadable-components

https://github.com/smooth-code/loadable-components

React code splitting made easy

reactotron

https://github.com/skellock/reactotron

A desktop app for inspecting your React and React Native projects

storybook

https://github.com/storybookjs/storybook

UI component dev & test

react-styleguidist

https://github.com/styleguidist/react-styleguidist

Isolated React component development environment with a living style guide

react-cosmos

https://github.com/react-cosmos/react-cosmos

Dev tool for creating reusable React components

eslint-plugin-react

https://github.com/yannickcr/eslint-plugin-react

React specific linting rules for ESLint

eslint-plugin-jsx-a11y

https://github.com/evcohen/eslint-plugin-jsx-a11y

Static AST checker for a11y rules on JSX elements

react-axe

https://github.com/dequelabs/react-axe

Accessibility auditing for React applications

styled-components

https://github.com/styled-components/styled-components

Visual primitives for the component age

emotion

https://github.com/emotion-js/emotion

Library designed for writing CSS styles with JavaScript

radium

https://github.com/FormidableLabs/radium

A toolchain for React component styling

jss

https://github.com/cssinjs/jss

Authoring tool for CSS

react-router

https://github.com/ReactTraining/react-router

Declarative routing for React

https://github.com/frontarm/navi

Declarative, asynchronous routing for React

curi

https://github.com/pshrmn/curi

JavaScript router for single-page applications

material-ui

https://github.com/mui-org/material-ui

React components for faster and easier web development

ant-design

https://github.com/ant-design/ant-design

A design system with values of Nature and Determinacy

blueprint

https://github.com/palantir/blueprint

A React-based UI toolkit for the webs

office-ui-fabric-react

https://github.com/OfficeDev/office-ui-fabric-react

React components for building Microsoft web experiences

react-bootstrap

https://github.com/react-bootstrap/react-bootstrap

Bootstrap components built with React

reactstrap

https://github.com/reactstrap/reactstrap

Simple React Bootstrap 4 components

semantic-ui-react

https://github.com/Semantic-Org/Semantic-UI-React

The official Semantic-UI-React integration

Awesome React Components list

https://github.com/brillout/awesome-react-components

Catalog of React Components & Libraries. Contribute to brillout/awesome-react-components development by creating an account on GitHub.

react-select

https://github.com/JedWatson/react-select

The Select Component for React

react-dnd

https://github.com/react-dnd/react-dnd

Drag and Drop for React

react-grid-layout

https://github.com/strml/react-grid-layout

A draggable and resizable grid layout with responsive breakpoints

react-table

https://github.com/tannerlinsley/react-table/

A lightweight, fast and extendable datagrid for React

react-data-grid

https://github.com/adazzle/react-data-grid

Excel-like grid component built with React

react-draggable

https://github.com/mzabriskie/react-draggable

React draggable component

react-resizable-and-movable

https://github.com/bokuweb/react-resizable-and-movable

A resizable and draggable component for React

react-resizable

https://github.com/strml/react-resizable

A simple React component that is resizable with a handle

react-resizable-box

https://github.com/bokuweb/react-resizable-box

A resizable component for React

react-sortable-pane

https://github.com/bokuweb/react-sortable-pane

A sortable and resizable pane component for React

react-dates

https://github.com/airbnb/react-dates

An easily internationalizable, mobile-friendly datepicker library for the web

react-big-calendar

https://github.com/intljusticemission/react-big-calendar

Calendar component

react-datepicker

https://github.com/Hacker0x01/react-datepicker/

ReactJS Datepicker

react-list

https://github.com/orgsync/react-list

A versatile infinite scroll React component

react-intl

https://github.com/yahoo/react-intl

Internationalize React apps

react-i18next

https://github.com/i18next/react-i18next

Internationalization for React done right

react-aria-modal

https://github.com/davidtheclark/react-aria-modal

A fully accessible React modal

react-hotkeys

https://github.com/greena13/react-hotkeys

Declarative hotkey and focus area management for React

react-keydown

https://github.com/glortho/react-keydown

Lightweight keydown wrapper for React components

react-joyride

https://github.com/gilbarbara/react-joyride

Create guided tours for your apps

react-virtualized

https://github.com/bvaughn/react-virtualized

React components for efficiently rendering large lists and tabular data

react-window

https://github.com/bvaughn/react-window

React components for efficiently rendering large lists and tabular data

react-text-mask

https://github.com/text-mask/text-mask

Input mask for React

react-loading-skeleton

https://github.com/dvtng/react-loading-skeleton

Create skeleton screens that automatically adapt to your app

react-spinkit

https://github.com/KyleAMathews/react-spinkit

A collection of loading indicators animated with CSS for React

rheostat

https://github.com/airbnb/rheostat

Accessible slider component built with React

qrcode.react

https://github.com/zpao/qrcode.react

QR component for use with React

react-blessed

https://github.com/Yomguithereal/react-blessed

A React renderer for blessed terminal interface library

enzyme

https://github.com/airbnb/enzyme

JavaScript Testing utilities for React

react-testing-library

https://github.com/testing-library/react-testing-library

Simple and complete React DOM testing utilities

react-hooks-testing-library

https://github.com/mpeyper/react-hooks-testing-library

React hooks testing utilities that encourage good testing practices

react-border-wrapper - A wrapper for placing elements along div borders in React.

https://github.com/Metroxe/react-border-wrapper

A wrapper for placing elements along div borders. Contribute to Metroxe/react-border-wrapper development by creating an account on GitHub.

react-magic - Automatically AJAXify plain HTML with the power of React

https://github.com/reactjs/react-magic

Automatically AJAXify plain HTML with the power of React. It's magic! - reactjs/react-magic

react-toolbox - A set of React components implementing Google's Material Design specification

https://github.com/react-toolbox/react-toolbox

A set of React components implementing Google's Material Design specification with the power of CSS Modules - react-toolbox/react-toolbox

tcomb-react - Library allowing you to check all the props of your React components

https://github.com/gcanti/tcomb-react

Alternative syntax for PropTypes. Contribute to gcanti/tcomb-react development by creating an account on GitHub.

react-responsive - Media queries in react for responsive design

https://github.com/wearefractal/react-responsive

CSS media queries in react - for responsive design, and more. - contra/react-responsive

react-is-responsive - A utility to create responsive components in React

https://github.com/sonaye/react-is-responsive

A utility to create responsive components in React. - sonaye/react-is-responsive

react-cursor - Functional state management abstraction for use with Facebook React

https://github.com/dustingetz/react-cursor

Immutable state for React.js. Contribute to dustingetz/react-cursor development by creating an account on GitHub.

Omniscient.js - Abstracting React components for fast top down render of immutable data

https://github.com/omniscientjs/omniscient

A library providing an abstraction for React components that allows for fast top-down rendering embracing immutable data for js - omniscientjs/omniscient

Touchstonejs - React.js powered UI framework for developing beautiful hybrid mobile apps.

https://github.com/touchstonejs/touchstonejs

Mobile App Framework powered by React. Contribute to touchstonejs/touchstonejs development by creating an account on GitHub.

Elemental - A UI Toolkit for React.js Websites and Apps

http://elemental-ui.com/

A flexible and beautiful UI framework for React.js

StateTrooper - Centrally manage state for React applications with CSP

https://github.com/swipely/state-trooper

Centrally manage state for React applications with CSP - swipely/state-trooper

Preact: Fast 3kb React alternative with the same ES6 API.

https://git.io/preact

⚛️ Fast 3kB React alternative with the same modern API. Components & Virtual DOM. - preactjs/preact

riotjs - A React- like, 3.5KB user interface library

https://github.com/muut/riotjs

Simple and elegant component-based UI library. Contribute to riot/riot development by creating an account on GitHub.

Maple.js - Bringing the concept of web-components to React

https://github.com/Wildhoney/Maple.js

Maple.js is a React webcomponents based framework mixing ES6 with Custom Elements, HTML Imports and Shadow DOM. It has in-built support for SASS and JSX, including a Gulp task for vulcanizing your pro...

react-i13n - A performant, scalable and pluggable approach to instrumenting your React application

https://github.com/yahoo/react-i13n

A performant, scalable and pluggable approach to instrumenting your React application. - yahoo/react-i13n

https://github.com/gorangajic/react-icons

svg react icons of popular icon packs. Contribute to react-icons/react-icons development by creating an account on GitHub.

AtlasKit - Atlassian's React UI library

https://atlaskit.atlassian.com/

ReactiveSearch - UI components library for Elasticsearch

https://github.com/appbaseio/reactivesearch

React, React Native and Vue UI components for building data-driven apps with Elasticsearch - appbaseio/reactivesearch

Slate - A completely customizable framework for building rich text editors.

https://github.com/ianstormtaylor/slate

A completely customizable framework for building rich text editors. (Currently in beta.) - ianstormtaylor/slate

react-animated-transitions - Easy animated transitions in React

https://github.com/sonaye/react-animated-transitions

Easy animated transitions in React. Contribute to sonaye/react-animated-transitions development by creating an account on GitHub.

react-json-schema - Construct React elements from JSON by mapping JSON definitions to React components that you expose.

https://github.com/TechniqueSoftware/react-json-schema

Configure and build views using JSON schemas mapped to React components - TechniqueSoftware/react-json-schema

compose-state - Compose multiple setState or getDerivedStateFromProps updaters in React

https://github.com/tvler/compose-state

Compose multiple setState or getDerivedStateFromProps updaters in React - tvler/compose-state

react-with-analytics - Google Analytics for React apps with ease

https://github.com/sonaye/react-with-analytics

Google Analytics for React apps with ease. Contribute to sonaye/react-with-analytics development by creating an account on GitHub.

react-cache-me-outside - OTA data updates for React apps. How bow dat!

https://github.com/sonaye/react-cache-me-outside

OTA data updates for React apps. How bow dat! Contribute to sonaye/react-cache-me-outside development by creating an account on GitHub.

PrimeReact - The Most Complete UI Framework for React!

https://github.com/primefaces/primereact

PrimeReact is a collection of rich UI components for React - primefaces/primereact

react-lodash - Lodash as React components

https://github.com/typicode/react-lodash

⚛️ 🔧 Lodash as React components. Contribute to typicode/react-lodash development by creating an account on GitHub.

react-helmet - A document head manager for React

https://github.com/nfl/react-helmet

A document head manager for React. Contribute to nfl/react-helmet development by creating an account on GitHub.

Stator - Simple, plain JavaScript state management with built-in support for React

https://github.com/cs01/stator

Simple, plain JavaScript state management with built-in support for React - cs01/stator

ClearX - Fast & Effortless State management for React with zero learning curve. ClearX gives great flexibiility in separation of concerns for your React applicationss

https://github.com/Autodesk/clearx

Fast & Effortless global state management for React, Preact and Inferno with zero learning curve - Autodesk/clearx

react-snap

https://github.com/stereobooster/react-snap

Zero-configuration framework-agnostic static prerendering for SPAs

refract

https://github.com/fanduel-oss/refract

Harness the power of reactive programming to supercharge your components

react-desktop - OS X and Windows UI components built with React

https://github.com/gabrielbull/react-desktop

React UI Components for macOS High Sierra and Windows 10 - gabrielbull/react-desktop

Reapop - A React & Redux notifications system

https://github.com/LouisBarranqueiro/reapop

:postbox: A React & Redux notifications system. Contribute to LouisBarranqueiro/reapop development by creating an account on GitHub.

react-extras

https://github.com/sindresorhus/react-extras

Useful components and utilities for working with React

react-instantsearch

https://github.com/algolia/react-instantsearch

Lightning-fast search for React and React Native applications, by Algolia

uppy

https://github.com/transloadit/uppy

The next open source file uploader for web browsers

react-motion

https://github.com/chenglou/react-motion

A spring that solves your animation problems

react-esi

https://github.com/dunglas/react-esi

React Edge Side Includes

React Rails

https://github.com/reactjs/react-rails

Integrate React.js with Rails views and controllers, the asset pipeline, or webpacker. - reactjs/react-rails

ReactJS.NET

https://github.com/reactjs/React.NET

.NET library for JSX compilation and server-side rendering of React components - reactjs/React.NET

React ASP.NET Boilerplate

https://github.com/pauldotknopf/react-aspnet-boilerplate

A starting point for building isomorphic React applications with ASP.NET Core, leveraging existing techniques. - pauldotknopf/react-aspnet-boilerplate

React Bootstrap Components Playground

http://gcanti.github.io/resources/tcomb-react-bootstrap/playground/playground.html

om - ClojureScript interface

https://github.com/swannodette/om

ClojureScript interface to Facebook's React. Contribute to omcljs/om development by creating an account on GitHub.

quiescent - A lightweight ClojureScript abstraction over React

https://github.com/levand/quiescent

A lightweight ClojureScript abstraction over ReactJS - levand/quiescent

Reagent - A minimalistic ClojureScript interface to React.js

https://github.com/reagent-project/reagent

A minimalistic ClojureScript interface to React.js - reagent-project/reagent

react-haskell - React bindings for Haskell

https://github.com/joelburget/react-haskell

React bindings for Haskell. Contribute to joelburget/react-haskell development by creating an account on GitHub.

Express React views

https://github.com/reactjs/express-react-views

This is an Express view engine which renders React components on server. It renders static markup and does not support mounting those views on the client. - reactjs/express-react-views

Express Coffee-React views - render coffee-react on the server

https://github.com/duereg/express-coffee-react-views

An Express view engine which renders React components written in Coffee-JSX or Harmony-JSX on the server. - duereg/express-coffee-react-views

React Page Middleware

https://github.com/reactjs/react-page-middleware

Connect/Express middleware to use React to generate whole websites - facebookarchive/react-page-middleware

ngReact - React Components in Angular

https://github.com/davidchang/ngReact

Use React Components in Angular. Contribute to ngReact/ngReact development by creating an account on GitHub.

React Laravel

https://github.com/talyssonoc/react-laravel

Package for using ReactJS with Laravel. Contribute to talyssonoc/react-laravel development by creating an account on GitHub.

coffee-react-transform - Provides React JSX support for Coffeescript

https://github.com/jsdf/coffee-react-transform

DEPRECATED – Provides React JSX support for Coffeescript - jsdf/coffee-react-transform

sprockets-coffee-react - Sprockets preprocessor for CJSX

https://github.com/jsdf/sprockets-coffee-react

DEPRECATED – Sprockets preprocessor for CJSX (Coffeescript with React JSX markup) - jsdf/sprockets-coffee-react

react-kup - A simple, non-intrusive alternative to jsx for coffeescript

https://github.com/snd/react-kup

react-kup is a simple, nonintrusive alternative to JSX for coffeescript - snd/react-kup

https://github.com/ssorallen/turbo-react

A JavaScript library that transitions between static HTML pages on navigation; no app server required. - ssorallen/turbo-react

react-bacon - A little module for using React with Bacon.js

https://github.com/jamesmacaulay/react-bacon

A little module for using React with Bacon.js. Contribute to jamesmacaulay/react-bacon development by creating an account on GitHub.

msx - React's JSX Transformer, tweaked to output calls to Mithril

https://github.com/insin/msx

JSX for Mithril.js 0.x. Contribute to insin/msx development by creating an account on GitHub.

React.withBackbone - React 16 ready backbone binding

https://github.com/beanworks/React.withBackbone

React Backbone Binding that works with React 16. Contribute to beanworks/React.withBackbone development by creating an account on GitHub.

Backbone React Component

https://github.com/magalhas/backbone-react-component

A bit of nifty glue that automatically plugs your Backbone models and collections into your React components, on the browser and server - magalhas/backbone-react-component

react-backbone - Backbone-aware mixins for react

https://github.com/jhudson8/react-backbone

backbone-aware mixins for react and a whole lot more - jhudson8/react-backbone

NestedReact - transparent integration with Backbone Views and NestedTypes models

https://github.com/Volicon/NestedReact/

BackboneJS compatibility layer for React-MVx MVVM framework. - VoliJS/NestedReact

backbone-reaction - React, Backbone and then some

https://github.com/jhudson8/backbone-reaction

react-backbone + more beefy react and backbone enhancements - jhudson8/backbone-reaction

react.backbone - Plugin for React to make Backbone migration easier

https://github.com/usepropeller/react.backbone

Plugin for React to make Backbone migration easier - clayallsopp/react.backbone

reactbone - React extensions for Backbone

https://github.com/andrejewski/reactbone

React extensions for Backbone. Contribute to andrejewski/reactbone development by creating an account on GitHub.

backbone-react-ui - React components for use with backbone and backbone paginator

https://github.com/securingsincity/backbone-react-ui

React components for use with backbone and backbone paginator - securingsincity/backbone-react-ui

react-events - Declarative managed event bindings for react components

https://github.com/jhudson8/react-events

Declarative managed event bindings for react components - jhudson8/react-events

react-mixin-manager - React mixin registration manager

https://github.com/jhudson8/react-mixin-manager

React mixin registration manager which allows mixins to have dependencies - jhudson8/react-mixin-manager

gsap-react-plugin - A GSAP plugin for tweening React.js component state

https://github.com/hzdg/gsap-react-plugin

A GSAP plugin for tweening React.js component state. - hzdg/gsap-react-plugin

react-topcoat by @plaxdan - Topcoat CSS components built with the React library

https://github.com/plaxdan/react-topcoat

Topcoat components built with the React library. Contribute to plaxdan/react-topcoat development by creating an account on GitHub.

react-topcoat by @arnemart - A collection of React components for Topcoat

https://github.com/arnemart/react-topcoat

A collection of React components for Topcoat. Contribute to arnemart/react-topcoat development by creating an account on GitHub.

reactdown - Write React components using markdown syntax

https://github.com/andreypopp/reactdown

Markdown based live document format. Contribute to andreypopp/reactdown development by creating an account on GitHub.

react-jade - Compile Jade to React JavaScript

https://github.com/ForbesLindesay/react-jade

DEPRECATED, see. Contribute to pugjs/react-jade development by creating an account on GitHub.

jade-react - Compile Jade templates to React.DOM expressions

https://github.com/duncanbeevers/jade-react

Compile Jade templates to React.DOM expressions. Contribute to duncanbeevers/jade-react development by creating an account on GitHub.

gulp-jade-react - Compile Jade templates into React de-sugared JSX with Gulp

https://github.com/duncanbeevers/gulp-jade-react

Compile Jade templates into React de-sugared JSX with Gulp - duncanbeevers/gulp-jade-react

sbt-reactjs - React SBT Plugin using npm

https://github.com/ddispaltro/sbt-reactjs

React SBT Plugin using npm. Contribute to dispalt/sbt-reactjs development by creating an account on GitHub.

scalajs-react - A guilty affair between Scala.js and Facebook's React

https://github.com/japgolly/scalajs-react

Facebook's React on Scala.JS. Contribute to japgolly/scalajs-react development by creating an account on GitHub.

react-xtags - Using React to implement xtags

https://github.com/vjeux/react-xtags/

Using React to implement xtags. Contribute to vjeux/react-xtags development by creating an account on GitHub.

jreact - React on server-side Java (with Rhino or Nashorn)

https://github.com/KnisterPeter/jreact

react.js on server-side java (with rhino or nashorn) - KnisterPeter/jreact

React.hiccup - A complete replacement for JSX written in sweet.js

https://github.com/lantiga/react.hiccup

React 0% JSX, 100% hiccup. Contribute to lantiga/react.hiccup development by creating an account on GitHub.

react-play - Rendering React components in the Play Framework with JDK8's Nashorn

https://github.com/ssorallen/react-play

Render React components in the Play Framework with JDK8's JavaScript engine - ssorallen/react-play

rx-react - Utilities to works with React in a RxJS

https://github.com/fdecampredon/rx-react

ReactJS bindings for RxJS. Contribute to fdecampredon/rx-react development by creating an account on GitHub.

react-with-di - A hacked prototype of React.js with DI

https://github.com/vojtajina/react-with-di

A hacked prototype of React.js with DI ;-). Contribute to vojtajina/react-with-di development by creating an account on GitHub.

reactfire - ReactJS mixin for easy Firebase integration

https://github.com/firebase/reactfire

Hooks, Context Providers, and Components that make it easy to interact with Firebase. - FirebaseExtended/reactfire

firedux - Firebase + Redux for ReactJS

https://github.com/AndersDJohnson/firedux

:fire: :hatching_chick: Firebase + Redux for ReactJS - AndersDJohnson/firedux

react-clickdrag-mixin - ClickDrag mixin for React component

https://github.com/tleunen/react-clickdrag-mixin

Easily click and drag a react component. Contribute to tleunen/react-clickdrag development by creating an account on GitHub.

Rewrite the Admin UI of KeystoneJS in React

https://github.com/keystonejs/keystone/issues/503

Some Background The KeystoneJS Admin UI was originally built as a 'simple' web app, based on old-school form generation, submission and rendering techniques combined with jQuery for client-side UI enh...

react-masonry-mixin - Standalone mixin for Masonry (@desandro)

https://github.com/eiriklv/react-masonry-mixin

A React.js mixin for using @desandro's Masonry. Contribute to eiriklv/react-masonry-mixin development by creating an account on GitHub.

react-packery-mixin - Standalone mixin for Packery (Metafizzy)

https://github.com/eiriklv/react-packery-mixin

A React mixin for using Metafizzy Packery. Contribute to eiriklv/react-packery-mixin development by creating an account on GitHub.

react-dropzone - Simple HTML5 drag-drop zone with React.js.

https://github.com/paramaggarwal/react-dropzone

Simple HTML5 drag-drop zone with React.js. Contribute to react-dropzone/react-dropzone development by creating an account on GitHub.

aframe-react - A-Frame VR + React

https://github.com/ngokevin/aframe

Building Blocks for the VR Web. Contribute to ngokevin/aframe development by creating an account on GitHub.

react-three - React bindings to create and control a 3D scene using three.js

https://github.com/Izzimach/react-three

React bindings to create and control a 3D scene using three.js - Izzimach/react-three

react-three-renderer - Render into a three.js canvas using React

https://github.com/toxicFork/react-three-renderer

Render into a three.js canvas using React. Contribute to toxicFork/react-three-renderer development by creating an account on GitHub.

react-threejs - Simplest bindings between React & Three.js

https://github.com/fritx/react-threejs

WIP: Simplest bindings between React & Three.js. Contribute to fritx/react-threejs development by creating an account on GitHub.

react-masonry-css - Fast Masonry layout powered by CSS, dependency free

https://github.com/paulcollett/react-masonry-css

React Masonry layout component powered by CSS, dependancy free - paulcollett/react-masonry-css

react-captcha - A react.js reCAPTCHA for Google

https://github.com/appleboy/react-recaptcha

A react.js reCAPTCHA for Google. Contribute to appleboy/react-recaptcha development by creating an account on GitHub.

reaptcha - Clean, modern and simple React wrapper for Google reCAPTCHA

https://github.com/sarneeh/reaptcha

Google reCAPTCHA v2 for React. Contribute to sarneeh/reaptcha development by creating an account on GitHub.

react-recaptcha-that-works - A reCAPTCHA bridge for React that works

https://github.com/douglasjunior/react-recaptcha-that-works

⚛ A reCAPTCHA bridge for React that works. Contribute to douglasjunior/react-recaptcha-that-works development by creating an account on GitHub.

React Forms

http://facebook.github.io/react/docs/forms.html

react-formal - Better form validation and value management for React, Provides minimal wiring

https://github.com/jquense/react-formal

Sophisticated HTML form management for React. Contribute to jquense/react-formal development by creating an account on GitHub.

react-forms - Forms library for React

https://github.com/prometheusresearch/react-forms

Forms library for React. Contribute to prometheusresearch/react-forms development by creating an account on GitHub.

https://github.com/Volicon/valuelink

Callback-free React forms with painless validation. - VoliJS/NestedLink

wingspan-forms - A dynamic form library for Facebook React

https://github.com/wingspan/wingspan-forms

A dynamic form library for Facebook React, providing abstractions for building dynamic forms and controlled grids. Widgets provided by Telerik's KendoUI. - wingspan/wingspan-forms

newforms - Isomorphic form-handling for React

https://github.com/insin/newforms

Isomorphic form-handling for React. Contribute to insin/newforms development by creating an account on GitHub.

formjs - A form generator for Reactjs

https://github.com/zackify/formjs

A form generator for Reactjs "Alpachajs for React" Open the inspector on the demo page: - zackify/formjs

react-form-builder - A Form Builder for React.js

https://github.com/quri/react-form-builder

A Form Builder for React.js (deprecated). Contribute to quri/react-form-builder development by creating an account on GitHub.

plexus-form - A dynamic form component for react using JSON-Schema

https://github.com/AppliedMathematicsANU/plexus-form

A dynamic form component for react using JSON-Schema. - AppliedMathematicsANU/plexus-form

tcomb-form - UI library for developing forms writing less code

https://github.com/gcanti/tcomb-form

Forms library for react. Contribute to gcanti/tcomb-form development by creating an account on GitHub.

formsy-react - A form input builder and validator for React JS

https://github.com/christianalfoni/formsy-react

A form input builder and validator for React JS. Contribute to christianalfoni/formsy-react development by creating an account on GitHub.

Learn Raw React: Ridiculously Simple Forms

http://jamesknelson.com/learn-raw-react-ridiculously-simple-forms/

Winterfell - Generate complex, validated and extendable JSON-based forms in React

https://github.com/andrewhathaway/Winterfell

Generate complex, validated and extendable JSON-based forms in React. - andrewhathaway/Winterfell

Redux-Autoform - Create Redux-Forms dynamically out of metadata

https://github.com/redux-autoform/redux-autoform

Create Redux-Forms dynamically out of metadata. Contribute to redux-autoform/redux-autoform development by creating an account on GitHub.

uniforms - Bunch of React components and helpers to easily generate and validate forms

https://github.com/vazco/uniforms

Bunch of React components and helpers to easily generate and validate forms. - vazco/uniforms

formik - Forms in React, without tears

https://github.com/jaredpalmer/formik

Build forms in React, without the tears 😭 . Contribute to jaredpalmer/formik development by creating an account on GitHub.

NeoForm – Modular HOCs for form state management and validation

https://github.com/zero-plus-x/neoform

:white_check_mark: React form state management and validation - zero-plus-x/neoform

react-jsonschema-form – A React component for building Web forms from JSON Schema

https://github.com/mozilla-services/react-jsonschema-form

A React component for building Web forms from JSON Schema. - mozilla-services/react-jsonschema-form

List View Select - A Toggleable select box for React Native with native components

https://github.com/JamesWatling/react-native-list-view-select

List View Select is a designed to behave like a traditional <select> element in traditional HTML but with native components. - JamesWatling/react-native-list-view-select

Final Form 🏁

https://github.com/final-form/react-final-form

🏁 High performance subscription-based form state management for React - final-form/react-final-form

formland - A simple, super-flexible, extensible config based form generator

https://github.com/indix/formland

A simple, super-flexible, extensible config based form generator for React. - indix/formland

react-reactive-form - Angular like reactive forms in React

https://github.com/bietkul/react-reactive-form

Angular like reactive forms in React. Contribute to bietkul/react-reactive-form development by creating an account on GitHub.

unform - ReactJS form library to create uncontrolled form structures with nested fields, validations and much more!

https://github.com/Rocketseat/unform

ReactJS form library to create uncontrolled form structures with nested fields, validations and much more! - Rocketseat/unform

react-autocomplete by @rackt - WAI-ARIA compliant React autocomplete

https://github.com/rackt/react-autocomplete

WAI-ARIA compliant React autocomplete (combobox) component - reactjs/react-autocomplete

react-autosuggest by @moroshko - WAI-ARIA compliant React autosuggest component

https://github.com/moroshko/react-autosuggest

WAI-ARIA compliant React autosuggest component. Contribute to moroshko/react-autosuggest development by creating an account on GitHub.

react-autocomplete by @eliseumds- Just tasting some ReactJS + RxJS

https://github.com/eliseumds/react-autocomplete

Just tasting some ReactJS + RxJS. Contribute to eliseumds/react-autocomplete development by creating an account on GitHub.

react-autocomplete by @prometheusresearch - Autocomplete widget based on React

https://github.com/prometheusresearch/react-autocomplete

Autocomplete widget based on Facebook React. Contribute to prometheusresearch/react-autocomplete development by creating an account on GitHub.

instatype by @gragland - Simple react autocomplete component

https://github.com/gragland/instatype

⚡️ Mobile-friendly React autocomplete component. Contribute to gragland/instatype development by creating an account on GitHub.

downshift - 🏎 Primitives to build simple, flexible, WAI-ARIA compliant enhanced input React components

https://github.com/paypal/downshift

🏎 Primitive to build simple, flexible, WAI-ARIA compliant enhanced input React components - downshift-js/downshift

React Bootstrap Typeahead - A React-based typeahead that relies on Bootstrap for styling and was originally inspired by Twitter's typeahead.js.

https://github.com/ericgio/react-bootstrap-typeahead

React typeahead with Bootstrap styling. Contribute to ericgio/react-bootstrap-typeahead development by creating an account on GitHub.

react-art - React Bridge to the ART Drawing Library

https://github.com/facebook/react-art

React Bridge to the ART Drawing Library. Contribute to reactjs/react-art development by creating an account on GitHub.

react-canvas - High performance rendering for React components

https://github.com/Flipboard/react-canvas

High performance rendering for React components - Flipboard/react-canvas

react-famous - Complex 3D animations UI at 60 FPS with Famo.us

https://github.com/pilwon/react-famous

React bridge to Famo.us. Contribute to pilwon/react-famous development by creating an account on GitHub.

react-kinetic - HTML5 Canvas via KineticJS using React

https://github.com/freiksenet/react-kinetic

HTML5 Canvas via KineticJS using React. Contribute to freiksenet/react-kinetic development by creating an account on GitHub.

react-svg-morph - morph your svg components one into another

https://github.com/gorangajic/react-svg-morph

:crystal_ball: morph your svg component one into another other - gorangajic/react-svg-morph

react-hooks-svgdrawing - SVG Drawing with React hooks

https://github.com/kmkzt/react-hooks-svgdrawing

react svg drawing library. Contribute to kmkzt/react-hooks-svgdrawing development by creating an account on GitHub.

NestedTypes - fast mutable models with "pure render" support

https://github.com/Volicon/NestedTypes

BackboneJS compatibility layer for Type-R data framework. - VoliJS/NestedTypes

swarm - JavaScript replicated model (M of MVC) library

https://github.com/gritzko/swarm

JavaScript replicated model (M of MVC) library. Contribute to gritzko/swarm development by creating an account on GitHub.

caplet - JavaScript models library

https://github.com/mojo-js/caplet.js

Universal models library. Contribute to crcn/caplet.js development by creating an account on GitHub.

Immutable.js - Immutable Data Collections for Javascript

https://github.com/immutable-js/immutable-js

Immutable persistent data collections for Javascript which increase efficiency and simplicity. - immutable-js/immutable-js

cortex - A javascript library for centrally managing data with React

https://github.com/mquan/cortex

An immutable data store for managing deeply nested structure with React - mquan/cortex

avers - A modern client-side model abstraction library

https://github.com/wereHamster/avers

Contribute to wereHamster/avers development by creating an account on GitHub.

imvvm - Immutable Model-View-ViewModel for React

https://github.com/entrendipity/imvvm

Highly Composable MVVM Framework for React. Contribute to zuudo/astarisx development by creating an account on GitHub.

morearty.js - Better state management for React in pure JavaScript

https://github.com/moreartyjs/moreartyjs

Morearty.js - centralized state management for React in pure JavaScript - moreartyjs/moreartyjs

valuable - An immutable data store for React

https://github.com/josephsavona/valuable

Contribute to josephsavona/valuable development by creating an account on GitHub.

react-resolver - Isomorphic library to recursively lazy-load data for React components

https://github.com/ericclemmons/react-resolver

Async rendering & data-fetching for universal React applications. - ericclemmons/react-resolver

freezer-js - Lightweight and reactive immutable data structure for React

https://github.com/arqex/freezer

A tree data structure that emits events on updates, even if the modification is triggered by one of the leaves, making it easier to think in a reactive way. - arqex/freezer

Qaf - Components as stores. Simple state management for React based on context

https://github.com/sonaye/qaf

Components as stores. State management for React based on context. - sonaye/qaf

baobab - JavaScript persistent and optionally immutable data tree with cursors

https://github.com/Yomguithereal/baobab

JavaScript persistent and optionally immutable data tree with cursors. - Yomguithereal/baobab

baobab-react - React integration for Baobab

https://github.com/Yomguithereal/baobab-react

React integration for Baobab. Contribute to Yomguithereal/baobab-react development by creating an account on GitHub.

datascript - Immutable database and Datalog query engine in ClojureScript

https://github.com/tonsky/datascript

Immutable database and Datalog query engine for Clojure, ClojureScript and JS - tonsky/datascript

immstruct - Immutable data structures with history for top-to-bottom properties in component based libraries like React

https://github.com/omniscientjs/immstruct

Immutable data structures with history for top-to-bottom properties in component based libraries like React. Based on Immutable.js - omniscientjs/immstruct

seamless-immutable - Immutable data structures for JavaScript which are backwards-compatible with normal JS Arrays and Objects

https://github.com/rtfeldman/seamless-immutable

Immutable data structures for JavaScript which are backwards-compatible with normal JS Arrays and Objects. - rtfeldman/seamless-immutable

tydel - Typed Models and Collections, with React bindings

http://tydel.js.org

extendable-immutable - Extend any Immutable.js data structure

https://github.com/philpl/extendable-immutable

Wrapper classes around Immutable.js that turn it inheritable - kitten/extendable-immutable

statty - A tiny and unobtrusive state management library for React and Preact apps

https://github.com/vesparny/statty

A tiny and unobtrusive state management library for React and Preact apps - vesparny/statty

Hydux - An Elm-Like state manager for React with "batteries included"

https://github.com/hydux/hydux

A light-weight type-safe Elm-like alternative for Redux ecosystem, inspired by hyperapp and Elmish - hydux/hydux

ReSub - A library for writing better React components and data stores

https://github.com/Microsoft/ReSub

A library for writing React components that automatically manage subscriptions to data sources simply by accessing them - microsoft/ReSub

ProppyJS - A tiny library for functional props composition

https://proppyjs.com

ProppyJS: JavaScript library for functional composition of props for UI components

WatermelonDB - 🍉 Next-gen database for powerful React and React Native apps that scales to 10,000s of records and remains fast

https://github.com/Nozbe/WatermelonDB

🍉 Reactive & asynchronous database for powerful React and React Native apps ⚡️ - Nozbe/WatermelonDB

Effector — Fast and powerful reactive state manager. Lets you write simple, fast and type safe code and manage reactive state with ease.

https://github.com/zerobias/effector

The state manager ☄️. Contribute to zerobias/effector development by creating an account on GitHub.

reactn - React, but with built-in global state management

https://github.com/CharlesStover/reactn

React, but with built-in global state management. Contribute to CharlesStover/reactn development by creating an account on GitHub.

immer

https://github.com/immerjs/immer

Create the next immutable state by mutating the current one

react-googlemaps - React interface to Google maps

https://github.com/pieterv/react-googlemaps

A declarative React interface to Google Maps. Contribute to pieterv/react-googlemaps development by creating an account on GitHub.

react-maps - A map component for React

https://github.com/matnel/react-maps

Contribute to matnel/react-maps development by creating an account on GitHub.

react-google-maps - React.js Google Maps integration component

https://github.com/tomchentw/react-google-maps

React.js Google Maps integration component. Contribute to tomchentw/react-google-maps development by creating an account on GitHub.

react-gmaps - A Google Maps component for React.js

https://github.com/MicheleBertoli/react-gmaps

A Google Maps component for React.js. Contribute to MicheleBertoli/react-gmaps development by creating an account on GitHub.

react-map-gl - A React wrapper for MapboxGL-js plus overlay API

https://github.com/uber/react-map-gl

React friendly API wrapper around MapboxGL JS. Contribute to uber/react-map-gl development by creating an account on GitHub.

google-map-react - Isomorphic google map React component

https://github.com/istarkov/google-map-react

Google map library for react that allows rendering components as markers :tada: - google-map-react/google-map-react

react-mapbox-gl - A mapbox-gl-js wrapper to make the API react friendly

https://github.com/alex3165/react-mapbox-gl

A React binding of mapbox-gl-js. Contribute to alex3165/react-mapbox-gl development by creating an account on GitHub.

google-maps-react - A declarative Google Map React component using React, lazy-loading dependencies, current-location finder and a test-driven approach by the Fullstack React team.

https://github.com/fullstackreact/google-maps-react

Companion code to the "How to Write a Google Maps React Component" Tutorial - fullstackreact/google-maps-react

react-leaflet - React components for Leaflet maps

https://react-leaflet.js.org/

⚛️ React components for 🍃 Leaflet maps

https://github.com/terrestris/react-geo

A set of geo related modules to use in combination with React, Ant Design and OpenLayers. - terrestris/react-geo

pigeon-maps - ReactJS maps without external dependencies

https://github.com/mariusandra/pigeon-maps

ReactJS Maps without external dependencies. Contribute to mariusandra/pigeon-maps development by creating an account on GitHub.

DevExtreme React Chart - High-performance plugin-based React chart for Bootstrap and Material Design

https://devexpress.github.io/devextreme-reactive/react/chart/

react-chartjs - Common react charting components using chart.js

https://github.com/jhudson8/react-chartjs

common react charting components using chart.js. Contribute to reactjs/react-chartjs development by creating an account on GitHub.

react-stockcharts - Highly customizable stock charts with ReactJS and d3

https://github.com/rrag/react-stockcharts

Highly customizable stock charts with ReactJS and d3 - rrag/react-stockcharts

Number Picture - Low-level building blocks for constructing animated visualizations with React & D3.

http://numberpicture.com/build

React components for building visualizations

VictoryJS - A collection of composable React components for building interactive data visualizations

https://github.com/FormidableLabs/victory

A collection of composable React components for building interactive data visualizations - FormidableLabs/victory

React-ApexCharts - React component for ApexCharts (An Interactive SVG Chart Library)

https://github.com/apexcharts/react-apexcharts

📊 React Component for ApexCharts. Contribute to apexcharts/react-apexcharts development by creating an account on GitHub.

reaviz

https://github.com/jask-oss/reaviz

React Data Visualization Library based on D3.js

React Native Newsletter

http://brentvatne.ca/react-native-newsletter/

React Native Playground

https://rnplay.org/

React Native Awesome List

https://github.com/jondot/awesome-react-native

Awesome React Native components, news, tools, and learning material! - jondot/awesome-react-native

React Native StackOverflow

http://stackoverflow.com/questions/tagged/react-native

React Native Radio

https://devchat.tv/react-native-radio/

React Native Tutorial

https://facebook.github.io/react-native/docs/tutorial.html

React Native is like React, but it uses native components instead of web components as building blocks. So to understand the basic structure of a React Native app, you need to understand some of th... * **tags**: [reactjs](../tagged/reactjs.md), [react-native](../tagged/react-native.md), [tutorials](../tagged/tutorials.md) --- #### [Introducing React Native: Building Apps with JavaScript](http://www.raywenderlich.com/99473/introducing-react-native-building-apps-javascript) _http://www.raywenderlich.com/99473/introducing-react-native-building-apps-javascript_

Error retrieving description

Introduction to React Native: Building iOS Apps with JavaScript

http://www.appcoda.com/react-native-introduction/

React native allows you to develop native iOS apps with Javascript. In this tutorial, we will show you how to use the framework to create a simple iPhone app.

React Native Meets Async Functions

https://medium.com/the-exponent-log/react-native-meets-async-functions-3e6f81111173

Great patterns for concurrency are one thing that make a codebase nice to work on. For user interfaces in particular, concurrency is what lets an app respond to gestures while it performs other work…

Gesture detection in React Native – fixing unexpected panning

http://blog.lum.pe/gesture-detection-in-react-native-fixing-unexpected-panning/

Use The iOS Camera In Your React Native Mobile App

https://blog.nraboy.com/2015/09/use-the-ios-camera-in-your-react-native-mobile-app/

Learn how to use the native device camera to capture images in your React Native iOS mobile application.

The Beauty Of React Native: Building Your First iOS App With JavaScript (Part 1)

https://www.smashingmagazine.com/2016/04/the-beauty-of-react-native-building-your-first-ios-app-with...

These frameworks and the whole idea of building mobile apps with JavaScript never appealed to me, though. I always thought, why not just learn Swift/Objective-C or Java and build real apps? That d...

The Beauty Of React Native: Building Your First iOS App With JavaScript (Part 2)

https://www.smashingmagazine.com/2016/04/how-to-build-your-first-ios-app-with-javascript/

In part 1 of this tutorial we started building our iOS app from scratch. We s...

A Mini-Course on React Native Flexbox

https://medium.com/@yoniweisbrod/a-mini-course-on-react-native-flexbox-2832a1ccc6

Warning! This design post does not contain any drawings or diagrams. It’s a different approach, but hang in there — I find that it makes it easier to remember concepts when you have to visualize…

Test driving react native applications

http://www.multunus.com/blog/2016/07/test-driving-react-native-applications/

Using React Native With TypeScript

https://medium.com/@jan.hesters/using-typescript-with-react-native-946aa4b4ae6f

Note: This tutorial assumes that you are familiar with TypeScript and React. Otherwise, you might first want to read up on them. NOTE: This article was first posted on my blog. I publish each…

react-native-code-push

https://github.com/microsoft/react-native-code-push

React Native module for CodePush

HackerNews

https://github.com/iSimar/HackerNews-React-Native

Hacker News iOS and Android App - Made with React Native. - iSimar/HackerNews-React-Native

Ziliun

https://github.com/sonnylazuardi/ziliun-react-native

Ziliun article reader android app built with React Native - sonnylazuardi/ziliun-react-native

FinanceReactNative

https://github.com/7kfpun/FinanceReactNative

[Deprecated] iOS's Stocks App clone written in React Native for demo purpose (available both iOS and Android). - 7kfpun/FinanceReactNative

SplashWalls

https://github.com/nashvail/SplashWalls

iOS Wallpaper downloading app created in React Native. - nashvail/SplashWalls

NBAreact

https://github.com/jbkuczma/NBAreact

🏀 iOS and Android NBA app created with React Native - jbkuczma/NBAreact

Create React Native App - Create a React Native app on any OS with no build config, with or without Expo

https://github.com/react-community/create-react-native-app

Create a React Native app on any OS with no build config. - react-community/create-react-native-app

Snowflake - React Native iOS & Android with Redux, Parse.com, Jest (88% coverage)

https://github.com/bartonhammond/snowflake

:snowflake: A React-Native Android iOS Starter App/ BoilerPlate / Example with Redux, RN Router, & Jest with the Snowflake Hapi Server running locally or on RedHat OpenShift for the backend, or a Par...

Ignite - The hottest CLI for React Native, boilerplates, plugins, generators, and more!

https://github.com/infinitered/ignite

The hottest CLI for React Native, boilerplates, plugins, generators, and more! - infinitered/ignite

React Native Starter Kit - A powerful starter project that bootstraps development of your mobile application

https://github.com/flatlogic/react-native-starter

🚀A powerful react native starter template that bootstraps development of your mobile application - flatlogic/react-native-starter

Expo

https://expo.io/

The Expo platform for making cross-platform mobile apps

react-navigation

https://reactnavigation.org/

Routing and navigation for your React Native apps

react-native-social-share - Use the iOS and Android native Twitter and Facebook share popup with React Native

https://github.com/doefler/react-native-social-share

Use the iOS and Android native Twitter and Facebook share popup with React Native https://github.com/doefler/react-native-social-share - doefler/react-native-social-share

react-native-fbsdk - A wrapper around the iOS Facebook SDK

https://github.com/facebook/react-native-fbsdk

A React Native wrapper around the Facebook SDKs for Android and iOS. Provides access to Facebook login, sharing, graph requests, app events etc. - facebook/react-native-fbsdk

react-native-side-menu - Simple customizable component to create side menu

https://github.com/Kureev/react-native-side-menu

Side menu component for React Native. Contribute to react-native-community/react-native-side-menu development by creating an account on GitHub.

react-native-mapbox-gl - A Mapbox GL react native module

https://github.com/mapbox/react-native-mapbox-gl

A Mapbox GL react native module for creating custom maps - nitaliano/react-native-mapbox-gl

react-native-icons - Quick and easy icons in React Native

https://github.com/corymsmith/react-native-icons

Quick and easy icons in React Native. Contribute to corymsmith/react-native-icons development by creating an account on GitHub.

react-native-vector-icons - 3000 Customizable Icons for React Native with support for NavBar/TabBar

https://github.com/oblador/react-native-vector-icons

Customizable Icons for React Native with support for NavBar/TabBar/ToolbarAndroid, image source and full styling. - oblador/react-native-vector-icons

react-native-google-signin - Google Signin for React Native

https://github.com/apptailor/react-native-google-signin

Google Signin for your React Native applications. Contribute to react-native-community/react-native-google-signin development by creating an account on GitHub.

react-native-picker-modal-view

https://github.com/pankod/react-native-picker-modal-view

An unified React Native Picker Modal component for iOS and Android. - pankod/react-native-picker-modal-view

React 360

https://facebook.github.io/react-360/

Create exciting 360 and VR experiences using React

Viro React

https://viromedia.com/viroreact/

Platform for rapidly building AR/VR applications using React Native

ReasonReact Official Website

https://reasonml.github.io/reason-react/

All your ReactJS knowledge, codified.

Flux Comparision

https://github.com/voronianski/flux-comparison

:pencil: Practical comparison of different Flux solutions - voronianski/flux-comparison

RefluxJS

https://github.com/spoike/refluxjs

A simple library for uni-directional dataflow application architecture with React extensions inspired by Flux - reflux/refluxjs

Fluxxor

https://github.com/BinaryMuse/fluxxor

:hammer_and_wrench: Flux architecture tools for React - BinaryMuse/fluxxor

Marty

https://github.com/martyjs/marty

A Javascript library for state management in React applications - martyjs/marty

McFly

https://github.com/kenwheeler/mcfly

Flux architecture made easy. Contribute to kenwheeler/mcfly development by creating an account on GitHub.

Alt

https://github.com/goatslacker/alt

Isomorphic flux implementation. Contribute to goatslacker/alt development by creating an account on GitHub.

Fluxible

https://github.com/yahoo/fluxible

A pluggable container for universal flux applications. - yahoo/fluxible

NuclearJS

https://github.com/optimizely/nuclear-js

Reactive Flux built with ImmutableJS data structures. Framework agnostic. - optimizely/nuclear-js

Flummox

https://github.com/acdlite/flummox

Minimal, isomorphic Flux. Contribute to acdlite/flummox development by creating an account on GitHub.

Coflux

https://github.com/blainekasten/coflux

Flux at the Component Level. Contribute to blainekasten/coflux development by creating an account on GitHub.

Sinux

https://github.com/jbpin/sinux

Javascript state container based on Signal/Command. Full async supported - jbpin/sinux

Building Applications with React and Flux

https://www.pluralsight.com/courses/react-flux-building-applications

Get started with React, React Router, and Flux by building a data-driven application that manages Pluralsight course data. This course uses a modern client-side development stack including create-reac...

Flux: A simple architecture model to build Client-side apps

https://speakerdeck.com/pedronauck/flux-a-simple-architecture-model-to-build-client-side-apps

Isomorphic Flux examples using Dispatchr and Fetchr from Yahoo

https://github.com/yahoo/flux-examples

Isomorphic Flux examples with Fluxible. Contribute to YahooArchive/flux-examples development by creating an account on GitHub.

Async requests with React.js and Flux

http://www.code-experience.com/async-requests-with-react-js-and-flux-revisited/

Implementing Flux in CoffeeScript

https://archive.fo/l9ih6

React: Flux Architecture

https://egghead.io/series/react-flux-architecture

Flux is the application architecture that Facebook uses for building client-side web applications. It complements React's composable view components by utilizing a unidirectional data flow. It's more ...

Understanding Flux

https://medium.com/@garychambers108/understanding-flux-f93e9f650af7

At the recent F8 developer conference, Tom Occhino, Pete Hunt and Jing Chen from the Facebook engineering team gave insight into the architecture that powers some of the social network’s web…

Yo in Flux

http://davidandsuzi.com/yo-in-flux/

Once Flux was introduced into the codebase, things started to get a lot nicer, because the data was located in one centralized file (the “Store”) and components subscribed to it for changes. Actions w...

React.js architecture - Flux VS Reflux

http://blog.krawaller.se/posts/react-js-architecture-flux-vs-reflux/

A web developer blog talking mostly about JavaScript

Avoiding Event Chains in Single Page Applications

http://www.code-experience.com/avoiding-event-chains-in-single-page-applications/

ReactJS and Flux

http://christianalfoni.github.io/javascript/2014/08/20/react-js-and-flux.html

Deconstructing ReactJS's Flux

http://spoike.ghost.io/deconstructing-reactjss-flux/

Flux Step By Step

http://blogs.atlassian.com/2014/08/flux-architecture-step-by-step/

Flux in practice

https://medium.com/@garychambers108/flux-in-practice-ec08daa9041a

In my previous post, I extolled the virtues of Flux, echoing many of the points given by the Facebook engineers in their excellent F8 talk on the topic. It amounted to a high-level overview of what…

What is the Flux Application Architecture?

https://medium.com/brigade-engineering/what-is-the-flux-application-architecture-b57ebca85b9e

Flux is an idea for organizing your application that was developed at Facebook, based on one simple principle: This is called “unidirectional data flow”, but it might be easier to remember if you…

React + Flux Backed by Rails API: Part 1

http://fancypixel.github.io/blog/2015/01/28/react-plus-flux-backed-by-rails-api/

Fancy Pixel 28 Jan 2015 React + Flux Backed by Rails API - Part 1 I’ve been working on a frontend for a project we are developing here at …

React + Flux Backed by Rails API: Part 2

http://fancypixel.github.io/blog/2015/01/29/react-plus-flux-backed-by-rails-api-part-2/

Fancy Pixel 29 Jan 2015 React + Flux Backed by Rails API - Part 2 This is the second part of “React + Flux backed by Rails API”, make …

React + Flux Backed by Rails API: Part 3

http://fancypixel.github.io/blog/2015/01/30/react-plus-flux-backed-by-rails-api-part-3/

Fancy Pixel 30 Jan 2015 React + Flux Backed by Rails API - Part 3 This is the last part of “React + Flux backed by Rails API”, make sure …

Flux Cargo-Culting

https://medium.com/@cassiozen/flux-cargo-culting-3cae9ff27c0c

When Facebook presented Flux, the architecture they were using internally to develop applications (specially coupled with React), they didn’t provide a reference implementation — just the concept of…

The Case for Flux

https://medium.com/@dan_abramov/the-case-for-flux-379b7d1982c6

Flux has become trendy in the past few months, and you’ve seen everyone and their dog roll out their own implementations. The momentum around this pattern is so hard to ignore that, if you are a…

The Evolution of Flux Frameworks

http://medium.com/@dan_abramov/the-evolution-of-flux-frameworks-6c16ad26bb31

There has been no shortage of great Flux implementations, such as Flummox, Alt, or Fluxible. Most of them are focused on making Flux easier to use with the server rendering and reducing the…

React with Flux by example - a simple Todo List dissected

http://reactkungfu.com/2015/07/react-with-flux-by-example-simple-todo-list-dissected/

React.js comes with a variety of tools and ideas behind it. There are many awesome tools that can work along with React really well. One of the most interesting ideas behind React is how the whole fro...

FOR FLUX SAKE! - a beginners tutorial

https://github.com/MIJOTHY/FOR_FLUX_SAKE

A beginner's tutorial for using flux with react. Contribute to MIJOTHY/FOR_FLUX_SAKE development by creating an account on GitHub.

Simple Counter App with React and Nuclear JS

https://github.com/haochuan/random-notes/blob/master/react/couter-app-with-react-nuclear.md

Contribute to haochuan/random-notes development by creating an account on GitHub.

LearnCode.academy Flux Tutorial Series

https://www.youtube.com/watch?v=PvjNglsyOHs&list=PLoYCgNOIyGABj2GQSlDRjgvXtqfDxKm5b&index=9

Let's build a Flux app with React. Flux is a pattern that Facebook created for building consistent, stable web apps with React. React really doesn't give us ...

react-redux - Official React bindings for Redux

https://github.com/reactjs/react-redux

Official React bindings for Redux. Contribute to reduxjs/react-redux development by creating an account on GitHub.

redux-devtools - DevTools for Redux with hot reloading, action replay, and customizable UI

https://github.com/reduxjs/redux-devtools

DevTools for Redux with hot reloading, action replay, and customizable UI - reduxjs/redux-devtools

react-router-redux - Bindings to keep react-router and redux in sync

https://github.com/reactjs/react-router-redux

Ruthlessly simple bindings to keep react-router and redux in sync - reactjs/react-router-redux

redux-form - A Higher Order Component using react-redux to keep form state

https://github.com/erikras/redux-form

A Higher Order Component using react-redux to keep form state in a Redux store - erikras/redux-form

redux-thunk - Thunk middleware for redux

https://github.com/gaearon/redux-thunk

Thunk middleware for Redux. Contribute to reduxjs/redux-thunk development by creating an account on GitHub.

redux-logger - Logger middleware for redux

https://github.com/theaqua/redux-logger

Logger for Redux. Contribute to LogRocket/redux-logger development by creating an account on GitHub.

reselect - Selector library for Redux

https://github.com/reactjs/reselect

Selector library for Redux. Contribute to reduxjs/reselect development by creating an account on GitHub.

normalizr - Normalizes nested JSON according to a schema

https://github.com/paularmstrong/normalizr

Normalizes nested JSON according to a schema. Contribute to paularmstrong/normalizr development by creating an account on GitHub.

redux-saga - An alternative side effect model for Redux apps

https://github.com/yelouafi/redux-saga

An alternative side effect model for Redux apps. Contribute to redux-saga/redux-saga development by creating an account on GitHub.

redux-data-fx - Declarative Side Effects for Redux

https://github.com/matthieu-beteille/redux-data-fx

Declarative Side Effects for Redux. Contribute to matthieu-beteille/redux-data-fx development by creating an account on GitHub.

redux-observable - RxJS middleware for Redux

https://github.com/redux-observable/redux-observable

RxJS middleware for action side effects in Redux using "Epics" - redux-observable/redux-observable

redux-analytics - Analytics middleware for Redux

https://github.com/markdalgleish/redux-analytics

Analytics middleware for Redux. Contribute to markdalgleish/redux-analytics development by creating an account on GitHub.

redux-undo - Higher order reducer to add undo/redo functionality to redux state containers

https://github.com/omnidan/redux-undo

:recycle: higher order reducer to add undo/redo functionality to redux state containers - omnidan/redux-undo

https://github.com/treasure-data/redux-search

Redux bindings for client-side search. Contribute to bvaughn/redux-search development by creating an account on GitHub.

redux-mock-store - A mock store for your testing your redux async action creators and middleware

https://github.com/arnaudbenard/redux-mock-store

A mock store for testing Redux async action creators and middleware. - dmitry-zaets/redux-mock-store

redux-immutable - Create an equivalent function of Redux combineReducers that works with Immutable.js state

https://github.com/gajus/redux-immutable

redux-immutable is used to create an equivalent function of Redux combineReducers that works with Immutable.js state. - gajus/redux-immutable

redux-react-i18n - An i18n solution for redux/react

https://github.com/derzunov/redux-react-i18n

An i18n solution for React/Redux and React Native projects - derzunov/redux-react-i18n

R16N - A redux/react I18n solution

https://github.com/razodeh/r16n/

A Redux Internationalization with bindings. Contribute to razodeh/r16n development by creating an account on GitHub.

redux-actiontyper - Helper to create less verbose action types for Redux

https://github.com/alnorris/redux-actiontyper

Helper to create less verbose action types for Redux - alnorris/redux-actiontyper

redux-state-validator - A simple redux middleware to validate redux state values and object types using JSON Schema

https://github.com/suyesh/redux-state-validator

Contribute to suyesh/redux-state-validator development by creating an account on GitHub.

redux-persist

https://github.com/rt2zz/redux-persist

Persist and rehydrate a redux store

Building Applications with React and Redux in ES6

https://www.pluralsight.com/courses/react-redux-react-router-es6

Learn how to use React, Redux, React Router, and modern JavaScript to build an app with React. Use Webpack, Babel, Jest, React Testing Library, Enzyme, and more to build a custom React development env...

Getting Started with Redux

https://egghead.io/series/getting-started-with-redux

In this comprehensive tutorial, Dan Abramov - the creator of Redux - will teach you how to manage state in your React application with Redux. State management is absolutely critical in providing users...

Building React Applications with Idiomatic Redux

https://egghead.io/series/building-react-applications-with-idiomatic-redux

This course will pick up where we left off with the Redux Fundamentals course. If you haven't watched that yet, you are highly encouraged to do so! You are about to learn practical production ready te...

Getting Started with React, Redux and Immutable: a Test-Driven Tutorial: Part 1

http://www.theodo.fr/blog/2016/03/getting-started-with-react-redux-and-immutable-a-test-driven-tutor...

Getting Started with React, Redux and Immutable: a Test-Driven TodoMVC Tutorial

Getting Started with React, Redux and Immutable: a Test-Driven Tutorial: Part 2

http://www.theodo.fr/blog/2016/03/getting-started-with-react-redux-and-immutable-a-test-driven-tutor...

Getting Started with React, Redux and Immutable: a Test-Driven TodoMVC Tutorial (Part 2)

Full-Stack Redux Tutorial

http://teropa.info/blog/2015/09/10/full-stack-redux-tutorial.html

Tero Parviainen

Server-Side Rendering with Redux and React-Router

https://www.codementor.io/reactjs/tutorial/redux-server-rendering-react-router-universal-web-app

Learn how to use Redux and React-Router to do server-side rendering.

Deep Introduction to Redux

https://www.codementor.io/reactjs/tutorial/intro-to-react-redux-pros

At Codementor, we’ve used React + Redux to build several projects. This tutorial is an introduction to React Redux.

Unit Testing Redux Apps

https://www.codementor.io/reactjs/tutorial/redux-unit-test-mocha-mocking

I’ll talk about the problems I faced when trying to test Redux code and how I solved them. I’ll also talk about how to make sure your webpack loaders won’t interfere with your tests.

Secure Your React and Redux App with JWT Authentication

https://auth0.com/blog/2016/01/04/secure-your-react-and-redux-app-with-jwt-authentication/

http://joelhooks.com/blog/2016/03/20/build-an-image-gallery-using-redux-saga

Articles and notes from the co-founder of egghead.io. Musings on software, business, and life.

A simplified approach to calling APIs with redux

http://www.sohamkamani.com/blog/2016/06/05/redux-apis/

Redux has taken the web development by storm, and after the success of react and flux, it has made the flux philosophy more accessible…

React Redux based blood donor demo application

https://github.com/smanne/reduxnor

React Redux based blood donor demo application. Contribute to smanne/reduxnor development by creating an account on GitHub.

LearnCode.academy Redux Tutorials Series

https://www.youtube.com/watch?v=1w-oQ-i1XB8&list=PLoYCgNOIyGABj2GQSlDRjgvXtqfDxKm5b&index=15

This Redux tutorial series will show you the schematics of a Redux application. Redux is AWESOME, but it takes a bit to get it setup. There really aren't a l...

Practical Redux

https://blog.isquaredsoftware.com/series/practical-redux/

A Complete React Redux Tutorial for Beginners

https://daveceddia.com/redux-tutorial/

Perfect for beginners. Learn to use Redux with React, starting with plain React. Reducers, actions, thunks, fetching data - understand the jargon and how it all fits together.

mobx-react - React component wrapper for combining React with MobX

https://github.com/mobxjs/mobx-react

React bindings for MobX. Contribute to mobxjs/mobx-react development by creating an account on GitHub.

Ten minute introduction to MobX and React

https://mobxjs.github.io/mobx/getting-started.html

Ten minute introduction to MobX + React

Manage Complex State in React Apps with MobX

https://egghead.io/courses/manage-complex-state-in-react-apps-with-mobx

MobX is designed to enable building web applications with a complex data model in an intuitive and very performant manner. Using React and MobX is currently the simplest way to build component based w...

Refactor your application from Redux to MobX

http://www.robinwieruch.de/mobx-react

Refactor your React application from Redux to MobX. Use MobX instead of Redux for state management in React JS. Get to know actions, reactions and derivations in MobX and best practices...

Redux or MobX: An attempt to dissolve the Confusion

https://www.robinwieruch.de/redux-mobx-confusion/

Using Redux or MobX in your React application? The article shows you all the differences between both state management libraries that can be used in React. It gives you guidance to learn MobX vs Redux...

graphql-yoga - Easiest way to run a GraphQL server

https://github.com/graphcool/graphql-yoga

🧘 Fully-featured GraphQL Server with focus on easy setup, performance & great developer experience - prisma/graphql-yoga

Hasura

https://hasura.io/

Instant Realtime GraphQL on Postgres

Prisma - a performant open-source GraphQL ORM-like * layer doing the heavy lifting in your GraphQL server.

https://www.prisma.io/

Prisma replaces traditional ORMs and can be used to build GraphQL servers, REST APIs, microservices & more.

graffiti - Node.js GraphQL ORM

https://github.com/RisingStack/graffiti

⚠️ DEVELOPMENT DISCONTINUED - Node.js GraphQL ORM. Contribute to RisingStack/graffiti development by creating an account on GitHub.

sql-to-graphql - Generate a GraphQL API based on your SQL database structure

https://github.com/vaffel/sql-to-graphql

Generate a GraphQL API based on your SQL database structure - rexxars/sql-to-graphql

official Relay Getting Started

https://facebook.github.io/relay/docs/en/introduction-to-relay.html

Relay is a JavaScript framework for building data-driven React applications powered by GraphQL, designed from the ground up to be easy to use, extensible and, most of all, performant. Relay accompl... * **tags**: [reactjs](../tagged/reactjs.md), [relay](../tagged/relay.md), [tutorials](../tagged/tutorials.md) --- #### [Getting Started with Relay](https://auth0.com/blog/2015/10/06/getting-started-with-relay/) _https://auth0.com/blog/2015/10/06/getting-started-with-relay/_

relay-codemod - Codemod scripts based for on jsodeshift to update Relay APIs

https://github.com/facebook/jscodeshift

A JavaScript codemod toolkit. Contribute to facebook/jscodeshift development by creating an account on GitHub.

react-apollo-redux - A small wrapper to automatically dispatch actions in response to apollo mutations

https://github.com/Drawbotics/react-apollo-redux

A small wrapper to automatically dispatch actions in response to apollo mutations. - Drawbotics/react-apollo-redux

Pete Hunt: React: Rethinking best practices - JSConf EU 2013

https://www.youtube.com/watch?v=x7cQ3mrcKaY

Slides: http://www.slideshare.net/floydophone/react-preso-v2 React, the new open-source JS library from Facebook and Instagram, is a different way to write J...

Pete Hunt: React: Rethinking Best Practices (updated) - JSConf.Asia 2013

https://www.youtube.com/watch?v=DgVS-zXgMTk

Announcement of the React Chrome Developer Tools http://facebook.github.io/react/blog/2014/01/02/react-chrome-developer-tools.html "React, the new open-sourc...

Tom Occhino and Jordan Walke: JS Apps at Facebook - JSConfUS 2013

https://www.youtube.com/watch?v=GW0rj4sNH2w

React: CSS in JS

http://blog.vjeux.com/2014/javascript/react-css-in-js-nationjs.html

Pete Hunt: Be Predictable, Not Correct - Mountain West JavaScript 2014

https://www.youtube.com/watch?v=h3KksH8gfcQ

Functional programming is a great way of managing complexity in user interfaces. User interfaces are very difficult to build due to the difficulty in determi...

Hacker Way: Rethinking Web App Development at Facebook

https://www.youtube.com/watch?v=nYkdrAPrdcw

Delivering reliable, high-performance web experiences at Facebook's scale has required us to challenge some long-held assumptions about software development....

Christopher Chedeau: Why does React Scale? - JSConf2014

https://www.youtube.com/watch?v=D-ioDiacTm8

We've talked a lot about big concepts such as the Virtual DOM, re-rendering the entire app on every update with a diff algorithm, server-side rendering ... B...

Christopher Chedeau: React's Architecture - OSCON 2014

https://www.youtube.com/watch?v=eCf5CquV_Bw

React is a JavaScript library for building user interfaces developed by Facebook and Instagram. It has a novel rendering architecture that we’re going to exp...

Pete Hunt: React RESTful UI Rendering - Strange Loop 2014

https://www.youtube.com/watch?v=IVvHPPcl2TM

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 ...

Pete Hunt: How Instagram.com Works - OSCON 2014

https://www.youtube.com/watch?v=VkTCL6Nqm6Y

Instagram.com renders almost all of its UI in JavaScript. I'll talk about how our packaging and push systems work in great detail, which are clever combinati...

Bill Fisher and Jing Chen: React and Flux - NewCircle Training 2014

https://www.youtube.com/watch?v=i__969noyAM

Facebook engineers Bill Fisher and Jing Chen are here to talk about Flux and React, and how using an application architecture with a unidirectional data flow...

Sebastian Markbage: Minimal API Surface Area - JSConf EU 2014

https://www.youtube.com/watch?v=4anAwXYqLG8

I’ll explain how React is moving towards a minimal API surface area. Instead of providing many framework features, React is trying to utilize patterns, parad...

Avik Chaudhuri: JavaScript Testing and Static Type Systems at Scale - Scale 2014

https://www.youtube.com/watch?v=M8x0bc81smU

Avik Chaudhuri, Software Engineer at Facebook and Jeff Morrison, Software Engineer at Facebook To encourage engineers to continue to make changes to the code...

Citrusbyte Presents GraphQL: A Horizontal Platform with Nick Schrock

https://www.youtube.com/watch?v=LQFQl8EsV3k

The https://citrusbyte.com team is proud to present Nick Schrock on GraphQL @ Facebook: A Horizontal Platform - at NYC Javascript React Group at Facebook NYC...

Laney Kuenzel: Mutations and Subscriptions in Relay - JSConf 2015

https://www.youtube.com/watch?v=mmke4w4gc6c

React Today and Tomorrow and 90% Cleaner React With Hooks - React Conf 2018

https://www.youtube.com/watch?v=dpw9EHDh2bM

The first three talks from React Conf 2018 by Sophie Alpert, Dan Abramov, and Ryan Florence. Learn more about Hooks at https://reactjs.org/hooks.

React Conferences

https://reactjs.org/community/conferences.html

React Videos

https://reactjs.org/community/videos.html

Awesome React Talks

https://github.com/tiaanduplessis/awesome-react-talks

:sunglasses: A curated list of talks about React or topics related to React - tiaanduplessis/awesome-react-talks

Trying React Hooks for the first time with Dan Abramov

https://www.youtube.com/watch?v=G-aO5hzo1aw

💛 Brilliant - Interactive courses on computer science https://brilliant.org/fff (Sponsored - use link to get 20% off annual subscription) 🔗 Dan Abramov on Tw...

React and React Native State Museum

https://hackernoon.com/the-react-state-museum-a278c726315

react.rocks - Pinterest-style directory of online demos with available code

http://react.rocks/

Looking for ReactJS examples? React.rocks has over 950 searchable examples with screenshots, online demos and code :). More added every day.

react-hn - A React & react-router-powered implementation of Hacker News

https://github.com/insin/react-hn

React-powered Hacker News client. Contribute to insin/react-hn development by creating an account on GitHub.

react-pokemon - A React component for displaying Pokémon

https://github.com/passy/react-pokemon

A React component for displaying Pokémon. Contribute to passy/react-pokemon development by creating an account on GitHub.

React + Backbone TodoMVC

http://todomvc.com/examples/react-backbone/

React + NestedTypes TodoMVC

https://github.com/gaperton/todomvc-nestedreact

Template used for creating TodoMVC apps. Contribute to VoliJS/todomvc-nestedreact development by creating an account on GitHub.

react-rxjs-todomvc - TodoMVC implementation with React and RxJS

https://github.com/fdecampredon/react-rxjs-todomvc

TodoMVC implementation with React and RxJS. Contribute to fdecampredon/react-rxjs-todomvc development by creating an account on GitHub.

react-mvc - A sample chat application written with React and pure MVC

https://github.com/ustun/react-mvc

React + MVC = Happy Developers. Contribute to ustun/react-mvc development by creating an account on GitHub.

react-observe-todomvc - TodoMVC implementation built on top of React and Object.observe

https://github.com/fdecampredon/react-observe-todomvc

TodoMVC implementation built on top of React and Object.observe - fdecampredon/react-observe-todomvc

react-lights-out - Simple demo of the React framework's power and flexibility

https://github.com/chenglou/react-lights-out

Simple demo of the React framework's power and flexibility. - chenglou/react-lights-out

todomvc-swarm - React TodoMVC implementation using Swarm for real-time collaboration

https://github.com/gritzko/todomvc-swarm

An example Swarm+React project. Contribute to gritzko/todomvc-swarm development by creating an account on GitHub.

reactodo - Multiple localStorage TODO lists, built with React

https://github.com/insin/reactodo

Multiple localStorage TODO lists, built with React - insin/reactodo

lifequote - React port of a life insurance quick quoting application

https://github.com/insin/lifequote

React port of a life insurance quick quoting application - insin/lifequote

reactor-demo - Isomorphic Javascript app with React

https://github.com/natew/reactor-demo

Isomorphic Javascript app with React. Contribute to natew/reactor-demo development by creating an account on GitHub.

imgsible - React-based Imgur-like isomorphic demo app

https://github.com/BinaryMuse/imgsible

React-based Imgur-like isomorphic demo app. Contribute to BinaryMuse/imgsible development by creating an account on GitHub.

wow-realm-status-react - WoW Realm Status: React Edition

https://github.com/BinaryMuse/wow-realm-status-react

WoW Realm Status: React Edition. Contribute to BinaryMuse/wow-realm-status-react development by creating an account on GitHub.

react-json-editor - A generic JSON editor

https://github.com/dustingetz/react-json-editor

Contribute to dustingetz/react-json-editor development by creating an account on GitHub.

react-todos - Backbone's example TODO app with React JS for views

https://github.com/ssorallen/react-todos

Backbone's example TODO app with React Components for views - ssorallen/react-todos

github-issues-viewer - A github issues viewer build in react + backbone

https://github.com/jaredly/github-issues-viewer

A gitub issues viewer build in react + backbone. Contribute to jaredly/github-issues-viewer development by creating an account on GitHub.

wolfenstein3D-react - Wolfenstein with the rendering layer written in React

https://github.com/petehunt/wolfenstein3D-react

html5-wolfenstein3D. Contribute to petehunt/wolfenstein3D-react development by creating an account on GitHub.

Flux ImmutableJS TodoList

https://github.com/MandarinConLaBarba/flux-immutable-todomvc

Uses ImmutableJS as described in the presentation by @leebyron at React Conf 2015. - MandarinConLaBarba/flux-immutable-todomvc

Hapi+React+Flux user management system

https://github.com/jedireza/aqua

:bulb: A website and user system starter. Contribute to jedireza/aqua development by creating an account on GitHub.

Redux TodoMVC

https://github.com/gaearon/redux/tree/master/examples/todomvc

Predictable state container for JavaScript apps. Contribute to reduxjs/redux development by creating an account on GitHub.

React/Redux CRUD with persistent state in Local Storage

https://github.com/cristianszwarc/react_crud_localStorage/

React/Redux basic CRUD with persistent state, demo-> - cristianszwarc/react_crud_localStorage

React Slack clone - comprehensive Slack clone built with React and Chatkit

https://github.com/pusher/react-slack-clone/

Complete chat application, built with Chatkit | by @lukejacksonn - pusher/react-slack-clone

react-color-wander - Generative art with React

https://github.com/sonaye/react-color-wander

Generative art with React. Contribute to sonaye/react-color-wander development by creating an account on GitHub.

overreacted.io - Personal blog by Dan Abramov

https://github.com/gaearon/overreacted.io

Personal blog by Dan Abramov. Contribute to gaearon/overreacted.io development by creating an account on GitHub.

isomorphic500 - Isomorphic JS app built with React and Fluxible

https://github.com/gpbl/isomorphic500

A 500px app built with React and Fluxible with babeljs - gpbl/isomorphic500

fil - A playground for in-browser interpreters (Redux)

https://github.com/fatiherikli/fil

🐘A playground for in-browser interpreters. Built with React/Redux. - fatiherikli/fil

sound-redux - A Soundcloud client built with React / Redux

https://github.com/andrewngu/sound-redux

A Soundcloud client built with React / Redux. Contribute to andrewngu/sound-redux development by creating an account on GitHub.

react-pomodoro - A Pomodoro timer for developers

https://github.com/afonsopacifer/react-pomodoro

:alarm_clock: Pomodoro timer built with ReactJS. Contribute to afonsopacifer/react-pomodoro development by creating an account on GitHub.

Do - Notes management application built with React and Redux

https://github.com/1ven/do

📋 Notes management application built with React and Redux - 1ven/do

soundcloud-react-redux - A SoundCloud Client built with React / Redux

https://github.com/rwieruch/favesound-redux

🎶 A SoundCloud Client in React + Redux running in production. Live Demo and Source Code to explore React + Redux as a beginner. - rwieruch/favesound-redux

soundcloud-react-mobx - A SoundCloud Client built with React / MobX

https://github.com/rwieruch/favesound-mobx

🎶 A SoundCloud Client in React + MobX running in production. Live Demo and Source Code to explore React + MobX. Refactored from favesound-redux - rwieruch/favesound-mobx

A Reimplementation of Winamp 2.9 with React and Redux

https://github.com/captbaritone/winamp2-js

Winamp 2 reimplemented for the browser. Contribute to captbaritone/webamp development by creating an account on GitHub.

ComingOrNot - Event Planner built with react, react-router, redux, graphQL & serverless

https://github.com/lakshmantgld/comingOrNot#reactjs-redux-serverless-graphql-event-planner

A perfect event organizer. Contribute to lakshmantgld/comingOrNot development by creating an account on GitHub.

React Reduction - Admin Dashboard built with React + Bootstrap4

https://github.com/reduction-admin/react-reduction

React Reduction - Free Admin Template Built with React and Bootstrap4 - reduction-admin/react-reduction

React Code Splitting Sample - React + React Router + Flux

https://github.com/tiarebalbi/flux-main-sample

Code Splitting with Flux and React. Contribute to tiarebalbi/flux-main-sample development by creating an account on GitHub.

Responsive React 'The Movie Database' (TMDb) App

https://github.com/SKempin/reactjs-tmdb-app

Responsive React 'The Movie Database' (TMDb) App. Contribute to SKempin/reactjs-tmdb-app development by creating an account on GitHub.

CoreUI - Free Admin Panel built with React and Bootstrap 4

https://github.com/coreui/coreui-free-react-admin-template

CoreUI React is free React admin template based on Bootstrap 4 - coreui/coreui-free-react-admin-template

react-shopping-cart

https://github.com/jeffersonRibeiro/react-shopping-cart

Simple ecommerce cart application built with React and Redux

hackernews-react-graphql

https://github.com/clintonwoo/hackernews-react-graphql

Hacker News clone rewritten with universal JavaScript, using React and GraphQL

Firefox debugger

https://github.com/devtools-html/debugger.html

The Firefox debugger that works anywhere :boom:. Contribute to firefox-devtools/debugger development by creating an account on GitHub.

Remote Retro – Agile retrospectives for distributed teams

https://github.com/stride-nyc/remote_retro

Agile retrospectives for distributed teams. Contribute to stride-nyc/remote_retro development by creating an account on GitHub.

Spectrum – Simple, powerful online communities

https://github.com/withspectrum/spectrum

Simple, powerful online communities. Contribute to withspectrum/spectrum development by creating an account on GitHub.

Mattermost – Open source Slack alternative

https://github.com/mattermost/mattermost-webapp

Webapp of Mattermost server: https://github.com/mattermost/mattermost-server - mattermost/mattermost-webapp

React Native Home Page

https://facebook.github.io/react-native/

A framework for building native apps using React

Introduction to React + Tutorial How To Build Your First App

https://auth0.com/blog/react-tutorial-building-and-securing-your-first-app/

Introduction to React and its components and routers. Tutorial of how to build a simple Q&A React app - secure backend API with Node.js and Express.

React.js Boilerplate

https://www.reactboilerplate.com/

A highly scalable, offline-first foundation with the best DX and a focus on performance and best practices

What Does Redux Do? (and when should you use it?)

https://daveceddia.com/what-does-redux-do/

Read this to figure out what Redux is for, why it's useful, and when to use it.

Atomic Design with React

https://codeburst.io/atomic-design-with-react-e7aea8152957

How the Atomic Design methodology allowed me to create a great design system from scratch and made me a better developer, with principles of componentization, hierarchies and reuses of code.

Syntax.fm

https://syntax.fm/

Full Stack Developers Wes Bos and Scott Tolinski dive deep into web development topics, explaining how they work and talking about their own experiences. They cover from JavaScript frameworks like Rea...

Redux Tutorial by Dan Abramov

https://egghead.io/courses/getting-started-with-redux

In this comprehensive tutorial, Dan Abramov - the creator of Redux - will teach you how to manage state in your React application with Redux. State management is absolutely critical in providing users...

ARc - Atomic React

https://arc.js.org/

React starter kit based on Atomic Design with React Router, Webpack, Redux, Server Side Rendering and more

GatsbyJS Home Page

https://www.gatsbyjs.org/

Gatsby is a free and open source framework based on React that helps developers build blazing fast websites and apps

Next.js Crash Course - Server Side React - YouTube

https://www.youtube.com/watch?v=IkOVe40Sy0U

In this video we will talk about Next.js which is a framework to render React on the server. We will look at setup and build a simple application that pulls Bitcoin pricing from an API and displays it...

ReactJS Tutorial Series - YouTube

https://www.youtube.com/playlist?list=PL7pEw9n3GkoWkHCQsfBh77UP4nc8lvTbS

ReactJS and Redux Series for beginners - well explained with examples.

Keycloak SSO on Multiple React Apps

https://medium.com/@gmonne/keycloak-sso-1813a2072d64

On this article, I’ll focus on how we can authenticate two React applications using the OpenID authentication protocol with Keycloak. Why React? Because it’s the framework, I prefer. Though, you could...

User Authentication with Keycloak - Part 1: React front-end - Frontend

https://scalac.io/user-authentication-keycloak-1/

Today, we’ll learn how to set up your Keycloak server and use it to secure a React-based browser app. In the next part of this series, we’ll be looking into integrating it with a Scala backend. So, le...

Next.js - The React Framework home page

https://nextjs.org/

Production grade React applications that scale. The world’s leading companies use Next.js to build server-rendered applications, static websites, and more.

Create React App · Set up a modern web app by running one command.

https://facebook.github.io/create-react-app/

Set up a modern web app by running one command. The "equivalent" of angular cli...

Podcasts – React

https://reactjs.org/community/podcasts.html

Podcasts dedicated to React and individual podcast episodes with React discussions.

Podcasts

Jest · 🃏 Delightful JavaScript Testing

https://jestjs.io/

🃏 Delightful JavaScript Testing

Relay Homepage

https://facebook.github.io/relay/

A JavaScript framework for building data-driven React applications

Deploy a MERN stack app on Heroku – Crowdbotics – Medium

https://medium.com/crowdbotics/deploy-a-mern-stack-app-on-heroku-b0c255744a70

In this article, I will describe how to take an existing Web Application that is build using MongoDB, ExpressJS, Node.js, and React (often called as MERN stack) on a deployment service like Heroku

React Native at Airbnb – Airbnb Engineering & Data Science – Medium

https://medium.com/airbnb-engineering/react-native-at-airbnb-f95aa460be1c

This is the first in a series of blog posts in which we outline our experience with React Native and what is next for mobile at Airbnb.

  • :calendar: published on: 2018-06-19
  • tags: reactjs

Building a Node.js WebSocket Chat App with Socket.io and React

https://itnext.io/building-a-node-js-websocket-chat-app-with-socket-io-and-react-473a0686d1e1

In this tutorial we are going to build a simple chat app based on WebSockets with socket.io and React.

Dan Abramov - The Melting Pot of JavaScript - YouTube

https://www.youtube.com/watch?v=G39lKaONAlA

People have mixed feelings about the JavaScript ecosystem. Are we living in the JavaScript fatigue or in the JavaScript Renaissance? Dan Abramov from the React team thinks it’s a bit of both. In this ...

GitHub - facebook/create-react-app at master

https://github.com/facebook/create-react-app/tree/master

Create React apps with no build configuration.

  • Creating an App – How to create a new app.
  • User Guide – How to develop apps bootstrapped with Create React App.

Create React App works on macOS, Wi...

Angular, React, or Vue JS: Which one is for me? | Object Partners

https://objectpartners.com/2017/07/25/angular-react-or-vue-js-which-one-is-for-me/

I’ve chosen to put together a brief and simple comparison between three of the most popular front-end frameworks in the hope that maybe it will help simplify these choices for at least one developer. ...

GitHub - petehunt/react-howto: Your guide to the (sometimes overwhelming!) React ecosystem.

https://github.com/petehunt/react-howto

react-howto - Your guide to the (sometimes overwhelming!) React ecosystem.

React チュートリアル

https://facebook.github.io/react/docs/tutorial-ja-JP.html

Facebook Inc.

React 0.13 日本語リファレンス

http://js.studio-kingdom.com/react

@tomof(翻訳)