React Boilerplate - The main idea is to make it easy to start new projects using React.

Overview

React Boilerplate

Objectives

The main idea is to make it easy to start new projects using React.

NPM Scripts

yarn build build project using default webpack configuration (mode: development)

yarn build:prod build project using production mode

yarn lint check files with lint rules

yarn lint:fix check files with lint rules and try fix the problems

yarn start start a webpack dev server and run project in development mode

yarn test run unit tests using Jest

Stack

Core

Tests & Mock

Routing

Code Quality

Supports

Roadmap

  • Improove build:prod configuration ( Terser, split Bundles, option to remove sourceMapping )
  • Add Sonar to do code static analysis
  • Add manifest.json and other configs in order to setup a PWA app (similar to what we have on create-react-app boilerplate)
  • Add storybook support
  • Add styled components support
  • Add web-vitals

Thanks to @washingtonsoares and @lukascaska

You might also like...
A ready template for a quick start with react. πŸš€

A ready template for a quick start with react. πŸš€

An quick-start solution for enterprise applications as a React templete.

An quick-start solution for enterprise applications as a React templete.

A starter code to start the project built with Laravel 9 + InertiaJs + ReactJs
A starter code to start the project built with Laravel 9 + InertiaJs + ReactJs

This is a starter code to start the project built with Laravel 9 + InertiaJs + ReactJs, which already includes multiple layout admin templates with login for authentication

Start your development with a Free Tailwind CSS and NextJS UI Kit and Admin.
Start your development with a Free Tailwind CSS and NextJS UI Kit and Admin.

Notus NextJS A beautiful UI Kit and Admin for Tailwind CSS and NextJS. Start your development with a Free Tailwind CSS and NextJS UI Kit and Admin. Le

A ready to use boilerplate for starting [experimental] react projects
A ready to use boilerplate for starting [experimental] react projects

material-ui-recoil-template A ready to use boilerplate for starting [experimental] react projects Initialized with Create-React-App flavored with: Mat

An easy and straight forward full-stack web application boilerplate using Node.js Express as backend and React as frontend.

An easy and straight forward full-stack web application boilerplate using Node.js Express as backend and React as frontend. All packages are structured as Yarn Workspaces and written in Typescript. In addition, the web application can be built as Docker image using a multi stage built supported Dockerfile.

Boilerplate-tailwind - A simple boilerplate using NextJS, Typescript, Tailwind, Jest, Storybook and more

This is a Next.js boilerplate using TailwindCSS and other cool stuff. Most of th

React redux easy boilerplate

Redux Easy Universal Boilerplate About Really easy react universal boilerplate with many commentaries React Redux React Router React CSS modules PostC

πŸ†•  Create easy and simple React18 boilerplate
πŸ†• Create easy and simple React18 boilerplate

Description The repository contains Docs that tell you what features have been added to React 18, and a CLI that allows you to build apps quickly and

Owner
Pedro Eduardo de Paula Naves
Pedro Eduardo de Paula Naves
Eth-time - ETH Time - A new NFT collection created to explore new ways of generating NFTs on-chain

ETH Time ETH Time is a new NFT collection created to explore new ways of generat

null 3 Jan 25, 2022
πŸ“š Learn React + Redux by building a SoundCloud Client. Full tutorial included. Source Code for main tutorial but also extensions included.

react-redux-soundcloud I wrote a huge tutorial about setting up your own SoundCloud Client in React + Redux. Additonally you can find a real world exa

Robin Wieruch 282 Oct 16, 2022
This project serves as a simple boilerplate to start building an isomorphic rendering application in React and Redux.

Isomorphic Redux App This project serves as a simple boilerplate to start building an isomorphic rendering application in React and Redux. # Features

Anton Izmailov 33 May 15, 2019
Initial directory structure and package.json as a seed for new React based projects.

React Project Seed This serves as a seed for starting new React projects. It's less of a boilerplate and more of a suggested directory structure that

Andrew Coelho 7 Apr 7, 2020
A boilerplate for a Redux-React 'Cordova' application because react native is too new to use in prod. It also has Babel, Webpack and Gulp

react-redux-cordova-boilerplate A boilerplate for a Redux-React Cordova application using Babel, Webpack and Gulp Development Run npm install Run npm

Inderpal Singh 19 Oct 11, 2022
Simple React-Native boilerplate code in Typescript for getting started with a new project quickly. It has all the essentials that one would require in a project.

react-native-boilerplate-typescript Simple React-Native boilerplate code in Typescript for getting started with a new project quickly. It has all the

Numanqmr 10 Sep 10, 2022
Boilerplate for projects using Next, React, Typescript, Styled Components, Framer Motion, Storybook, Jest and Testing Library

Boilerplate for projects using Next, React, Typescript, Styled Components, Framer Motion, Storybook, Jest and Testing Library

Giovane Daniel 19 Dec 15, 2022
React-Typescript-Webpack was config with React, Typescript, and Webpack without CRA. Faster to start your next react project.

Start your react typescript project with manual webpack config in seconds Flexible to control webpack, easy to deploy Keywords: React Starter, Webpack

jdn97 61 Jan 5, 2023
A simple boilerplate that helps you make your react application with Server Side Rendering & Localization support.

Phoenix React applications boilerplate A simple boilerplate that helps you make your react application with Server Side Rendering support. Getting sta

null 150 Dec 20, 2022
Javascript Explorer Playground do Start Tech React

Bem-vinde ao JEP! JavaScript Explorer Playground (JEP) Γ© um explorador virtual voltado para o aprendizado da linguagem JavaScript (ECMAScript). Ideali

Start Tech React 9 Nov 25, 2021