| Program Name | Course: Learn modern React by building 4 projects including a Firebase 9 app and a full stack MERN app |
|---|---|
| Public File Name | README.md |
| Date Created | 06/12/22 |
| Date Modified | -- |
| Version | 1.00 |
| Programmer | Eric Hepperle |
| Platform | Udemy |
| Learning Type | Course |
| Course URL | https://www.udemy.com/course/react-front-to-back-2022/ |
Course Work: Learn modern React by building 4 projects.
- React fundamentals including components, props, hooks, state, etc
- React hooks such as useState, useEffect, useContext, useReducer, useRef, etc
- Creating custom hooks
- React Router v6 (latest version)
- How to handle global state with context, reducers and hooks
- Firebase 9 authentication, queries, storage
- Deploying React apps to Vercel & Netlify
- Basic Animation with Framer Motion
- Implement Leaflet maps and Swiper sliders
- Fullstack MERN (MongoDB, Express, React, Node.js)
- REST API creation
- Redux
- Redux Toolkit
- Authentication with JWT
This course is for anyone that wants to learn React and also for React developers looking to build some projects and sharpen their skills.
The first project (Feedback App) is structured in a way so I can explain the fundamentals such as components, hooks, props, state, etc in a way that beginners can understand. The second project (Github Finder) will show you how to work with 3rd party APIs and the third project (House Marketplace) is a larger app that uses Firebase 9 and includes authentication, Firestore queries, file storage and more.
The final project has been added! It is a fullstack MERN support ticket system that uses Redux and Redux Toolkit.
- Feedback app with in depth explanation of React fundamentals
- Build a house marketplace with React and Firebase 9
- Learn React hooks and how to create custom hooks
- Learn how to use context and reducers to manage global state
- Build a Fullstack MERN support ticket system with Redux Toolkit
[Source: https://www.mongodb.com/mern-stack]
MERN stands for MongoDB, Express, React, Node, after the four key technologies that make up the stack.
- MongoDB - document database
- Express(.js) - Node.js web framework
- React(.js) - a client-side JavaScript framework
- Node(.js) - the premier JavaScript web server
Express and Node make up the middle (application) tier. Express.js is a server-side web framework, and Node.js the popular and powerful JavaScript server platform. Regardless of which variant you choose, ME(RVA)N is the ideal approach to working with JavaScript and JSON, all the way through.
- Length: 20 hours
- Level: Beginner & Intermediate
[PROJECT_SCREENSHOTS_PLACEHOLDER]
- N/A
- N/A
- A web browser
- GitBash
- VS Code
- Title: Modern JavaScript From The Beginning
- URL: https://udemy.com/course/modern-javascript-from-the-beginning
- Channel: Udemy
Modern JavaScript JavaScript ES6 Project-Based Learning Course Udemy Traversy
- Tutwrk: This is term I use to indicate the work I did when following a tutorial. This term is differentiated from tutorials I may create/author in the future that will be designated with the term "Tutorial".
- Technology icons come from https://github.com/devicons/devicon/tree/v2.15.1/icons