Learning-React

This repository contains my react work while I am trying to learn React.

What is React?

React is a declarative, efficient, and flexible JavaScript library for building user interfaces created by Facebook. It lets you compose complex UIs from small and isolated pieces of code called “components” which are reusable. Instead of manipulating the browser's DOM directly, React creates a virtual DOM in memory, where it does all the necessary manipulating, before making the changes in the browser DOM.

Challenges

I have completed various challenges of creating simple UI functionalities while learning React.

Challenge-1

• Create a react app from scratch
• List your favorite Netflix series in the form of an Ordered List

Challenge-2

The UI should print the current date and current time dynamically

Challenge-3

• Create a react app from scratch
• If the current time is between 1:00 AM to 12:00 PM, then print "Hello sir, Good Morning !!" in green color
• If the current time is between 12:00 pM to 7:00 PM, then print "Hello sir, Good Evening !!" in orange color
• If the current time is between 7:00 PM to 1:00 AM, then print "Hello sir, Good Night !!" in blue color

Challenge-4

• Redo challenge-3 by using React components in App.js

Challenge-5

• Create a new react app from scratch
• Implement a simple Calculator using React components and import statements.

Challenge-6

• Create a new react app from scratch
• Implement a simple Slot Machine Game

Mini-Projects

List Favorite Netflix Series using Card

• Create a react app from scratch
• List your top favorite Netflix series in the form of cards using Card components and a pleasant UI

Prerequisites

• HTML
• CSS
• Javascript
• ES6

Sources

• React Documentation
• Youtube Channel : Thapa Technical