Giter VIP home page Giter VIP logo

pluralsight-using-hooks-in-react18's Introduction

Course Code for Using Hooks in React 18 on Pluralsight

OTHER Recently Released Courses From Peter Kellner

Course Release Date
Working With Data in React February 2024
Server Component Fundamentals in React 18 June 2023
Working with Components in React 18 February 2023
Using Hooks in React 18 (this course) November 2022
What is React August 2022
What's New in React 18 May 2022
Data and UI Patterns in React December 2021


This GitHub repo includes the final code for all the modules in the course

Course Description

This course is about learning everything you need to use React Hooks in your React apps, as well as how to build your own custom Hooks to satisfy your own state and component lifecycle management. In this course, Using Hooks in React 18, you’ll learn to use React Hooks in your function components as well as understand the motivation behind hooks. First, you’ll explore what a React Hook actually is by building your own useState Hook from scratch. Next, you’ll discover the built-in React Hooks provided by the React Facebook team. Finally, you’ll learn how to combine the built-in Hooks and Hooks you build yourself, as well as third-party Hooks into real world React apps. When you’re finished with this course, you’ll have the skills and knowledge of React Hooks needed to build highly performant, easily maintainable React apps that provide an awesome user experience to your end users.

Getting Started

  1. Install Node 16 (latest-verson) with NPM 17.
  2. Clone this repository. - https://github.com/pkellner/pluralsight-using-hooks-in-react18 or download the zip
  3. **Set your default directory to which module you want (example: cd m3 - cd m4
  4. Install Node Packages with Dependencies. - npm install

Directory Structure Here

Each of the folders here represent one module of the course. In each folder, there are subfolders that represent the completed code at the end of each clip. Where this is no clip reference, either there is no code in that clip or nothing changed from the previous clip.

Once in a clip directory, the easiest way to test the app is to first install the packages by typing at the root of that directory (in a terminal window or DOS prompt)

npm install

Then, do run the app you just need type

npm run dev

That will launch the web server on port 3000 where you can browser to it at the url: http://localhost:3000

Repo or Course Issues

If you find any problems or issues, feel free to post it as an issue here at this forum and I will look into it as soon as I can. You can also contact me directly at http://peterkellner.net/contact/

I hope you enjoy the course!

pluralsight-using-hooks-in-react18's People

Contributors

pkellner avatar therakeshm avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  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.