Giter Site home page Giter Site logo

kevduc / react-tutorial Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 542 KB

๐Ÿ”ข Simple set of Counters using React โ€“ ๐Ÿ‘จโ€๐Ÿซ Created as part of an exercise in Mosh's Tutorial video: React JS - React Tutorial for Beginners

Home Page: https://kevduc.github.io/react-tutorial/

HTML 22.37% CSS 7.74% TypeScript 69.89%
react tutorial mosh youtube counter components state react-tutorial counters

react-tutorial's Introduction

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

react-tutorial's People

Contributors

kevduc avatar thecake-o-raisins avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.