Skip to content

πŸ”’ Simple set of Counters using React – πŸ‘¨β€πŸ« Created as part of an exercise in Mosh's Tutorial video: React JS - React Tutorial for Beginners

Notifications You must be signed in to change notification settings

kevduc/react-tutorial

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

11 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

React Tutorial - Counters βœŠβ˜βœŒπŸ€ŸπŸ––πŸ–

πŸ”’ Simple set of Counters using React

πŸ‘¨β€πŸ’» The App consists of a Counters component that shows multiple Counter components that can be reset to zero and individually deleted, and a NavBar component at the top of the page that keeps track of the number of non-zero counters.

πŸ‘‰ Try it here: kevduc.github.io/react-tutorial

πŸ‘¨β€πŸ« Created as part of an exercise in Mosh's Tutorial video: React JS - React Tutorial for Beginners.

🎯 Goal of this project

πŸ‘¨β€πŸŽ“ Learn React, including:

  • Understand the basics of how React works (virtual DOM, rendering, etc.)
  • Setup a React project
  • Create Stateless/Stateful Functional/Class Components
  • Define and update the state
  • Handle Events
  • Compose Components
  • Use props
  • Lifting the state up
  • Lifecycle Hooks

✨ Bonus ✨

Practice Bootstrap to style the App

About

πŸ”’ Simple set of Counters using React – πŸ‘¨β€πŸ« Created as part of an exercise in Mosh's Tutorial video: React JS - React Tutorial for Beginners

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published