Giter Club home page Giter Club logo

react_refresher_2023's Introduction

React_Refresher_2023

React Refresher From Front-End-Masters!

This repo is my progress on the Complete Intro to React-v8 on Front-End-Masters. This repo uses yarn as the package manager. To use this repo, clone the repo and use yarn to install dependencies. Comments have been added to cover concepts in a bit more detail to those who may not be familiar with them. Each course objective has it's own directory with each subject having it's own project files, where dependencies will need to be downloaded. Each of the folders are in the same order as the course.

1. Introduction

The introduction is empty because it only talks about what the course plans to cover.

2. Setup & Tooling

This section of the course goes over various tools that wil be used through out the course. Includes sections on the older style of creating react elements, npm (though i used yarn), setting up prettier, eslint & more.

3. Core React Concepts

Covers Concepts such as JSX, Hooks such as useState, useEffect & creating custom hooks ,handling user input, component composition , plus understanding and using the React DevTools Extension.

4. React Capabilities

Expories packages that enhance the react experince, like React-Router-v6 for routing with accessibility in mind , React Query for better handling of effects, Uncontrolled Forms, Class Components & more.

5. Special Case React Tools

Lastly, this section of the course covers things like Error Boundaries with componentDidCatch(), Portals & a little into the Context API.

6 Wrapping Up

The end of the course. Left empty because this somes up everything learned so far and next Steps on the React journey.

react_refresher_2023's People

Contributors

techtony92 avatar

Stargazers

 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.