Creating Five Impactful Applications with ReactJS

Gain insights into ReactJS by building five applications: a to-do list, quiz, weather app, memory game, and portfolio. Discover hooks, APIs, and dynamic UI design to enhance your resume.
4.5
48 Lessons
18h
Updated 2 months ago
Join 2.8 million developers at
ReactJS is one of the most well-known JavaScript frameworks. It was created by Facebook (now Meta). Being component-based and drawing on the most recent theories behind design systems, it allows you to design frontend software quickly and create dynamic user interfaces. This course takes a project-oriented approach. You’ll start by building a “My To-do List” application, using localStorage, useEffect, and useState hooks, as well as setTimeout and nanoid. Then, you will build a “Quiz” application while learning to use the confetti package and ternary operator. Next, you’ll cover fetch API and build the “Pretty Sunny” project. Next, you’ll create the “Asia Explorer” memory game, creating catchy effects by dynamically adding class names. Then, you will implement a “Personal Portfolio” application. Finally, you will create a “GitHub Readme” profile to help you showcase your projects on GitHub. Ultimately, you’ll be able to highlight your achievements on your resume, thus boosting your chances of landing a job.
ReactJS is one of the most well-known JavaScript frameworks. It was created by Facebook (now Meta). Being component-based and dr...Show More

WHAT YOU'LL LEARN

A strong understanding of ReactJs through its application to different projects
Hands-on experience fetching data from the internet
Ability to store memory in the browser using local storage
Mastery over the use of ReactJS props and hooks
Hands-on experience creating the Github readme profile using markdown
A working knowledge of how to decompose a frontend application into ReactJS components
A strong understanding of ReactJs through its application to different projects

Show more

TAKEAWAY SKILLS

CSS

Prototypes

props

Hooks

localStorage

Object Destructuring

Operators

fetch

Confetti

Optional Chaining

Virtual DOM

Methods

Nanoid

Fragment

Component

Import/Export

Learning Roadmap

Your Personalized Roadmap is ready!
Your roadmap is tailored to your weekly
schedule - adjust it anytime.
Your roadmap is tailored to your weekly schedule - adjust it anytime.
You can customize your roadmap further or retake assessment from here
Certificate of Completion
Showcase your accomplishment by sharing your certificate of completion.
Author NameCreating Five Impactful Applicationswith ReactJS

Course Author:

Show License and Attributions

Developed by MAANG Engineers
Every Educative lesson is designed by a team of ex-MAANG software engineers and PhD computer science educators, and developed in consultation with developers and data scientists working at Meta, Google, and more. Our mission is to get you hands-on with the necessary skills to stay ahead in a constantly changing industry. No video, no fluff. Just interactive, project-based learning with personalized feedback that adapts to your goals and experience.

Trusted by 2.8 million developers working at companies

Fuel Your Tech Career with Smarter Learning

Built for 10x Developers
Get job-ready by lessons designed by industry professionals
Roadmaps Built Just for You
One-size-fits-all courses are a thing of the past
Keeping you state-of-the-art
Future proof yourself with our catalog
Meet PAL - Your AI Coach
Get Personalized feedback from your personalized learning agent
Built to Simulate the MAANG Experience
AI Mock Interviews & Quizzes with targeted guidance

Free Resources

FOR TEAMS

Interested in this course for your business or team?

Unlock this course (and 1,000+ more) for your entire org with DevPath