ReactTrek

My trek thru React, teach myself how to use React with project

🧰 Setup React Environment

• chrome extension : React Developer Tools

• quick start React enviroment by create-react-app

  • package.json : Most important files defined the needed module or package of project. if you delete the mode_module, you still reinstall it back through npm install command.
  • index.html : There is not too much html. Most of the html is gernerated by component.
  • index.js : The file renders component to index.html.
    
  • App.js : example of component.
  • App.test.js : Testing code of App.js. ( Note: Files with .test.js suffix.)
  

💪 Project Purpose

• Be familiar with React Hook by practicing mini project
• Some project will also use popluar React packages, tools like React Router6, Axios, `Redux and so on.

📐 Some Rule of Hooks and components

• Component must be uppercase of first letter
• Hooks starts with useXXX
• Hooks Invoke inside function/component body
• Don't call hooks conditonally ( ex: write useEffect in if statement)

👁️‍🗨️ Peek Projects

reviews demo	quiz demo	unsplash gallery demo
cocktail gallery demo	todo list with pomodoro

📑 Project list ( deep into what technology I use )

1. Slider
2. Quiz
3. Unsplash Gallery
4. Cocktail Gallery
5. Todo List(with pomodoro)