---

⚠️

Formerly Ultimate React, now called React Blazing 🔥

Check out the maintained new version: React Blazing

---

React 17 ready, including the New JSX transform

Table of Contents:

0. Requirements
1. Setup
2. Features
3. Parcel / Babel
4. Linting / code style
5. Routes
6. React Features
7. Styling
8. Testing
9. Additional Packages
10. FAQ
11. Roadmap

Requirements

• Node.js
• Eslint extension (recommended)
• Prettier extension (recommended)
• Yarn (highly recommended)

Building and running on localhost

First install dependencies:

yarn install

This project uses yarn package manager but you can use npm instead

To run in hot module reloading mode:

yarn start

Open localhost:1234/ in your browser

To create a production build:

yarn build

To visualize the size of your final bundle

yarn bundle_analyze

Features

• alias

• code splitting

Bundler / Compiler

Parcel: Blazing fast, zero configuration web application bundler

Babel Babel is a compiler for writing next generation JavaScript.

Linting / code style

Eslint (airbnb style)

Prettier

yarn format // run prettier on all /src js/jsx files
yarn format:check // check for unmatched prettier code style

Routes

React Router

@components/Routes

add new pages at @pages folder

React Features

React Lazy: Load different parts of the application only when they're needed (code-splitting)

Suspense: Display useful loading states

Context Api: Provides a way to pass data through the component tree without having to pass props down manually at every level

Hooks: Let you use state and other React features without writing a class component. In other words, Hooks are functions that let you “hook into” React state and lifecycle features from function components.

Styling

Styled components (with Global Style)

automatic CSS Libraries/frameworks support under dev

Testing

To run unit tests:

yarn test

Additional Packages

Axios

dotenv

FAQ

what ultimate react is?

• not a react framework like next, gatsby
• not a react component library
• not boilerplate
• not a create-react-app abstraction

so what ultimate react is ? a complete react development toolchain

• implements the latest tools