FavNote 2 - React in practice

Using more advanced technologies

Live

Website

Go ahead and login using credentials

login: user1
password: password1

What I have learned from this app

• General info
• What I have learned during app creation
• Setup

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.