Skip to content

pankeshpatel/reactjs-workshop

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

45 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ReactJS learning Resource.

This repository contains a step-by-step tutorial and code snippet to learn reactjs.

ReactJS Installation

  1. Install NodeJS and NPM
  2. Install IDE of your choice. We recommand Visual Studio Code
  3. Install React from terminal
  • Install reactjs library : npm install -g create-react-app
  • Check reactjs installation: create-react-app -version
  • Create reactjs project: create-react-app <projectname>

React version

  • 17.0.1
  • see package.json file of a project for detail.

How to run a react program

  • npm start
  • browse http://localhost:3000/

thapa series (in Hindi by Thapa Technical)

  1. ReactJS Environment Setup : #4
  2. Hello World, Program structure, babel, jsx: #5 (code: tut1)
  3. JSX (javascript extension) in React JS #6
  4. How to Render Multiple Elements inside ReactDOM.render(): #7, #8, #9 (code: tut2)
  5. JavaScript Expressions, template literals in JSX: #10, #11, #12 (code: tut3)
  6. JSX Attributes, JSX and CSS Style : #13, #14 (code: tut4)
  7. Internal CSS & Inline CSS Styling: #16 (code: tut5)
  8. Simple Greeting Website: #17
  9. ReactJS Component: #18 (code: tut6)
  10. React Project into Components: #19 (code: tut7)
  11. ES6 Modules Import Export : #20, #21 (code: tut8)
  12. React JS Props (Netflix App), map, fat arrow: #22 , #23, #24 (code: tut9)
  13. Debugging & Error Handling : #25
  14. useState in Hook in React JS: #30, #45 (Code: tut10)
  15. Handling Events in ReactJS: #33 (Code: tut11)
  16. Reactjs Forms: #34, #35 (code: tut12)
  17. Spread Operator, "..." three dots do in ReactJS : #38 , #39
  18. React and other UI framework (e.g., Material UI): #42, #43 , #45
  19. React component through npm: #44
  20. Context API , createContext(), useContext() : #51, #52 (code: tut14)
  21. useEffect() after rendering the page: #54 (1), #54 (2) (code: tut15)
  22. React router (client-side rendering), useParams Hooks : #56, #57, #60, #61 (code: tut16)
  23. Live Search Filter using Hooks & Router: #62
  24. Create React 404 Error Page Not Found using React Router: #64

Reactjs project

About

reactjs learning resources and code snippets

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published