This is a very simple boilerplate made with CRA, React Router, Styled Components and Storybook.

React Avançado

Last update: Jul 3, 2022

Related tags

Boilerplate boilerplate-cra

Overview

This is a Create React App boilerplate with some configurations from React Avançado Course.

What is inside?

This project uses lot of stuff as:

Folder Structure

├── README.md
├── generators # folder to our templates
├── public # folder with our assets
├── src
│   ├── App.tsx # main file to our SPA (We define routes/components here)
│   ├── components
│   │   └──Example
│   │       ├── index.tsx
│   │       ├── stories.tsx
│   │       ├── styles.ts
│   │       └── test.tsx
│   ├── index.tsx # main file to ReactDom.render
│   ├── pages # we separated our pages/views/screens here
│   │   └── About.tsx
│   └── styles # any styles that you want to share inside the app
│       └── global.ts

Getting Started

First you can clone or use this template in your GitHub profile.

# install the deps
yarn

# run the project
yarn start

Other commands like generating components and test are listed below:

Commands

start: runs your application on localhost:3000
build: creates the production build version
lint: runs the linter in all components and pages
test: runs jest to test all components and pages
generate <ComponentName>: generates a new component under src/components folder
storybook: runs storybook on localhost:6006
build-storybook: create the build version of storybook

Learn More

To learn more about the structure and other commands/modifications, see the Create React App Documentation.

A handmade create-react-app to study how CRA works

This project was to learn how create-react-app (CRA) works under the hood, creating a very simple build project, using only the absolutely necessary.

7 Jul 2, 2022

React Template using TS, Best Practices of Context API, Testing Library and Jest, Axios, React-router-dom and Styled-Components

3 May 12, 2022

Electron-react-template - Electron React Template uses React Router and Styled Components

Electron React Template This template uses Create React App, Electron and Electr

7 May 17, 2022

Advanced Structure for webpack 5.x with combo react, react-router-dom, styled-components, polished and ts

Advanced Structure for webpack 5.x with combo react, react-router-dom, styled-components, polished and ts. It contains advanced env support, integrate tailwindcss, easy and clearly to split chunks, external cdn url for node dependency. And some project's formatter like eslint, editorconfig, prettier, lint-stage, husky, commitizen

16 Feb 19, 2023

This is a boilerplate using webpack, react, redux, typescrpit, storybook

BOILERPLATE What's Included redux redux-persist redux middleware [Thunk & logger] redux toolkit redux devtools extentions types for react state, dispa

15 Jul 18, 2022

Very simple full-stack application using React, Java Spring Boot, and PostgreSQL.

Very simple full-stack application using React, Java Spring Boot, and PostgreSQL. The API was built following the N-Tier architecture. The goal was to explore and learn more in-depth the development of APIs, the use of Docker and deploying with AWS.

0 Apr 23, 2022

A (very) simple implementation of the fakebooks mock app demonstrated on remix.run

CRA Fakebooks App This is a (very) simple implementation of the fakebooks mock app demonstrated on remix.run. The backend is served by the Remix versi

25 Nov 5, 2022

A template repo for creating react-ts apps based on vite. Libs like axios, antd, @apollo/client, eslint, stylelint, react-router-dom and @syy11cn/config-router are pre-installed.

Template Repo for React + Typescript + Vite Introduction This is a template repo for projects built with react and typescript on the basis of vite. Fe

11 May 24, 2022

Use vitejs, storybook and typescript to build great react components and documents.

react-component-storybook Use vitejs, storybook and typescript to build great react components. Just click Use this template button or use gh cli gh r

11 Jul 16, 2022

Comments

Update all packages
Changes

Update types packages

Update testing library packages

Update storybook packages

Update typescript

Update styled-components

Update react-router-dom and web-vitals packages

Cannot update babel-loader to latest version 🤷🏼

closes #1
hacktoberfest-accepted
opened by lucianomlima 2

This is a very simple boilerplate made with CRA, React Router, Styled Components and Storybook.

Related tags

Overview

What is inside?

Folder Structure

Getting Started

Commands

Learn More

You might also like...

A handmade create-react-app to study how CRA works

React Template using TS, Best Practices of Context API, Testing Library and Jest, Axios, React-router-dom and Styled-Components

Electron-react-template - Electron React Template uses React Router and Styled Components

Advanced Structure for webpack 5.x with combo react, react-router-dom, styled-components, polished and ts

This is a boilerplate using webpack, react, redux, typescrpit, storybook

Very simple full-stack application using React, Java Spring Boot, and PostgreSQL.

A (very) simple implementation of the fakebooks mock app demonstrated on remix.run

A template repo for creating react-ts apps based on vite. Libs like axios, antd, @apollo/client, eslint, stylelint, react-router-dom and @syy11cn/config-router are pre-installed.

Use vitejs, storybook and typescript to build great react components and documents.

Comments

Update all packages

Changes

Owner

React Avançado

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

An template project made with Next.js, Typescript, Styled Components, Eslint, Prettier, Editorconfig, Storybook, Hygen and Jest + React Testing Library

A simple demo to show the boilerplate-cra from React Avançado

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

Storybook-addon-message-bus - Interact with message bus via Storybook UI

Nextjs-ts-mui5-scss-storybook-starter - Next.js + TypeScript + Material UI v5 + Sass + Storybook starter

Opinionated React app boilerplate in TypeScript, based on CRA.

React.JS custom Boilerplate with CRA

React-Typescript-Webpack was config with React, Typescript, and Webpack without CRA. Faster to start your next react project.

A cli tool to generate cra-template from current create-react-app project.