Skip to content

Latest commit

 

History

History
57 lines (41 loc) · 1.54 KB

File metadata and controls

57 lines (41 loc) · 1.54 KB

React course from scratch

Image of Application

To refresh and organize knowledge about React library.

Link

Create React App

What I have learned from this app

About

I started this course to get basic knowledge about React. I gathered knowledge and will try to keep it here as notes for essential React knowledge.

What I have learned during app creation

  • React (written on the 16.13.1 version) Create React App
  • JSX
  • Virtual DOM
  • Difference class component and functional component (statefull vs stateless component)
  • Export Default vs Named export
  • When to use explicit return
  • Props (passing props)
  • Array Mapping (spread operator, map function)
  • PropTypes (data types validation)
  • Getting data from children components
  • Adding new list item as fucntion passed in props
  • Css Modules & SCSS
  • BEM Convention
  • Conditional Rendering
  • React Router
  • Context API
  • React Dev Tools

Setup

To run this project, install it locally using npm:

$ cd ../fav-note
$ 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.