react - React tools - react js - reactjs
What is React tools ?
- ReactDeveloper Tools is a Chrome DevTools extension for the open-source React JavaScript library. It allows you to inspect the React component hierarchies in the Chrome Developer Tools. You will get a new tab called React in your Chrome DevTools
Component Workbenches
- React Storybook: UI component development environment for React.
- React Styleguidist: Style guide generator & component workbench for React.
- React Showroom React based components catalog which provides you with markdown documentation and live examples
- patternplate A platform for pattern and component library development using React.
JSX Integrations
Editor Integration
- Sublime Text: babel-sublime : Snippets, syntax highlighting and optimized color schemes for Sublime Text
- Atom: language-babel Support for es2016, JSX and Flow.
- Visual Studio Code Visual Studio Code supports JSX directly.
- JetBrains WebStorm : Syntax highlighting, code completion, error detection for JSX
- JetBrains IDE Live Templates : React live templates for JetBrains editors (e.g. WebStorm, PHPStorm, etc.)
- javascript-jsx.tmbundle Syntax for TextMate
- web-mode.el : An autonomous emacs major mode that indents and highlights JSX. No support for Automatic Semicolon Insertion.
- vim-jsx : Syntax highlighting and indenting for JSX
Article tag : react , react native , react js tutorial , create react app , react tutorial , learn react
Build Tools
- Create React App : An officially supported way to create React apps with no configuration.
- nwb : A toolkit for React, Preact & Inferno apps, React libraries and other npm modules for the web, with no configuration (until you need it)
- ESLint : A pluggable JavaScript linter that natively supports JSX syntax. Be sure to download eslint-plugin-react for React-specific rules.
- Structor : This tool is a user interface builder for node.js Web applications with React UI. Structor replaces the now deprecated React UI Builder. Watch Structor Video Tutorials
- react-jsx : Compile and use JSX as stand-alone templates that can run server-side and client side!
- cjsx-codemod : Write JSX code within Coffeescript!
- ReactScript : Write React code within Coffeescript without JSX!
- jsxhint : JSHint (linting) support. (JSX compilation doesn't affect line numbers so lint can also be run directly on the compiled JS.)
- reactify : Browserify transform.
- Babel : Standalone & Browserify transform (formerly known as 6to5).
- node-jsx : Native Node support.
- react-hot-loader : Loader for webpack that lets you edit JSX and have changes appear immediately in the browser without reloading the page.
- jsx-loader : Loader for webpack .
- express-jsxtransform : Middleware for Express .
- gradle-react-plugin : Transform jsx sources during a gradle build.
- grunt-react : GruntJS task.
- gulp-react : GulpJS plugin.
- brunch-react : Brunch plugin.
- jsx-requirejs-plugin : RequireJS plugin.
- react-meteor : Meteor plugin.
- pyReact : Python bridge to JSX.
- react-rails : Ruby gem for using JSX with Ruby on Rails .
- react-laravel : PHP package for using ReactJS with Laravel .
- ReactJS.NET : .NET library for React and JSX.
- sbt-reactjs SBT/Play/Scala JSX compiler plugin
- mimosa-react : Mimosa plugin.
- react-grails-asset-pipeline : Assets for react and precompilation of jsx files in Grails .
- gore-gulp : Wrapper around webpack , eslint , mocha for ease of use and zero configuration.
- webpack : Packs CommonJs/AMD modules for the browser. Allows to split your codebase into multiple bundles, which can be loaded on demand. Support loaders to preprocess files, i.e. json, jade, coffee, css, less, ... and your custom stuff.
- webpack-bbq : transform your src to lib, supports server rendering and static rendering.
- jsxtransformer : Compile pipeline for jsx files in Java
- babylon-jsx : Transform JSX to ES2015 with babylon sans babel
Article tag : react , react native , react js tutorial , create react app , react tutorial , learn react
Basic Starter Kits (client-side only)
- React CDK - Component Development Kit for React
- React Static Boilerplate : Static site generator based on React.js, Gulp/Webpack, React Hot Loader, Babel, postCSS/cssnext. Best suited for deploying React.js site to GitHub Pages or Amazon S3.
- React Redux Boilerplate : React Redux Boilerplate is a workflow boilerplate that make life easier for developers by providing a virtual development environment and production ready build workflow out of the box. ( React, Redux, Reselect, Redux Actions, ES6, ESLint, Webpack with integrated environment config support )
- React, TypeScript, JSPM starter-kit : Unopinionated starter kit to build modular web apps with React & TypeScript powered by JSPM/SystemJS 0.17.X (ES2016, hot-reload, browser-sync, bundle for prod scripts)
- Subschema - Subschema is a Dependency Injection Library for React, included is a project starter, with webpack, karma and babel.
- React + Redux + Saga Boilerplate - Ready to grow boilerplate with react-router, redux, saga, webpack 2, jest w/ coverage and enzyme.
- generator-enigma a minimalist React application scaffolding tool that sets up a ready-to-deploy web app, complete with testing via Jest and optional react-router boilerplate.
- Component-Template - A create-react-app based starter kit for building, documenting, & publishing React Components. Includes React Router v4, Bootstrap 4 and Reactstrap.
Article tag : react , react native , react js tutorial , create react app , react tutorial , learn react
Full-stack Starter Kits
- React CDK - Component Development Kit for React
- React Static Boilerplate : Static site generator based on React.js, Gulp/Webpack, React Hot Loader, Babel, postCSS/cssnext. Best suited for deploying React.js site to GitHub Pages or Amazon S3.
- React Redux Boilerplate : React Redux Boilerplate is a workflow boilerplate that make life easier for developers by providing a virtual development environment and production ready build workflow out of the box. ( React, Redux, Reselect, Redux Actions, ES6, ESLint, Webpack with integrated environment config support )
- React, TypeScript, JSPM starter-kit : Unopinionated starter kit to build modular web apps with React & TypeScript powered by JSPM/SystemJS 0.17.X (ES2016, hot-reload, browser-sync, bundle for prod scripts)
- Subschema - Subschema is a Dependency Injection Library for React, included is a project starter, with webpack, karma and babel.
- React + Redux + Saga Boilerplate - Ready to grow boilerplate with react-router, redux, saga, webpack 2, jest w/ coverage and enzyme.
- generator-enigma a minimalist React application scaffolding tool that sets up a ready-to-deploy web app, complete with testing via Jest and optional react-router boilerplate.
- Component-Template - A create-react-app based starter kit for building, documenting, & publishing React Components. Includes React Router v4, Bootstrap 4 and Reactstrap.