FavNote 2 - React in practice
Using more advanced technologies
Live
Go ahead and login using credentials
login: user1
password: password1
What I have learned from this app
About
Continue to acquire knowledge about React. Learning a lot of new packages and solutions.
What I have learned during app creation
- React (written on the 16.13.1 version) Create React App
- Project Setup (using create-react-app)
- ESlint
- Prettier
- Husky & Lint-staged
- Styled Components
- Storybook
- Config for project
- Global styles for storybook
- Knobs
- Atomic design
- Theme provider
- React Router
- Redux
- Store
- Action creators
- Higher Order Component (HOC, SSOT)
- AWS
- Axios
- Redux Thunk
- Local Storage
- JEST/ React testing library
Setup
To run this project, install it locally using npm:
$ cd ../fav-note-v2
$ npm install
$ npm start
npm start
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
npm run storybook
Runs the storybook in the development mode.
Open http://localhost:9009 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.