0% completed

All LessonsFree Lessons (4)

Course Overview

Course Introduction Introduction to Projects

My Todo List

Input Component Functions

About Nanoid

ToDoList Component

Import ToDoList Component

Understand localStorage

Use localStorage

Course Assessment

React Fundamental Assessment

JavaScript Quiz

Folder Structure

Header Component

The QuestionCard Component

Use the QuestionCard Component

Result Component

Import Result

Course Assessment

React Beginner Assessment

Pretty Sunny

Project Introduction File Structure Learn About APIs Header Component The InputCity Component Use InputCity Component Use the API to Fetch Data The ShowWeather Component Layout Use Weather Data Add The Dynamic Background Add Error Handler

Course Assessment

React Intermediate Assessment

Asia Explorer

Asia Explorer Folder Structure Export Images The Header Component Shuffle the Cards The Card Component Import the Card Component

Course Assessment

Advance Level React Assessment

Personal Portfolio

Personal Portfolio File Structure Add the Header Component Add About Component Add the Skills Component Add the Project Component Add the Contact Component

Course Assessment

React Final Assessment

GitHub Readme Profile

Create a README Repository Add Introduction and Skills Add GitHub Performance Graph

Conclusion

Where to Go Next

Creating Five Impactful Applications with ReactJS/

...

Folder Structure

Let's see the file structure for the proposed components in our application.

We'll cover the following...

Create the folder structure

Create the folder structure

Our entire JavaScript Quiz app will be divided into various folders, as shown in the following snippet.

Initial folder structure for the application

Let’s explain these folders, briefly:

The Header

...