This repository is part of Fernando Herrera's course on Udemy
To create a react project using TypeScript on command prompt use the following command: npx create-react-app project_name --template typescript
.
This repository has multiples branches for each project in the course. Firstly use npm install
, later npm start
to run de project.
Bases
- 01-bases | brush up to basic concept of react with TypeScript.
- 02-react-app | project base to use in other branches.
React Router DOM v6
- 02-react-app-lazyload | this brach is a fork from 02-react-app and the purpouse is use lazyload in routes with react router dom v6.
- 02-react-app-lazyload-nested | this brach is a fork from 02-react-app and the purpouse is use lazyload and nested routes with react router dom v6.
Components Patterns
- 03-compound-component-pattern | this brach is a fork from 02-react-app and the purpouse is explain about Compound Component Patter.
- 03-component-extend-style-pattern | this brach is a fork from 03-compound-component-pattern and the purpouse is explain about Extensible Style and CSSProperties.
- 03-component-control-props-pattern | this brach is a fork from 03-component-extend-style-pattern and the purpouse is explain about Control Props Pattern.
- 03-component-control-props-pattern-alternative | this brach is a fork from 03-component-control-props-pattern and the purpouse is explain about State Initializer and Function Child.
NPM Deploy