React.JS Tasks | Alfido Tech

React.JS Tasks

Objective

Enhance your React development skills by solving practical tasks. Learn the basics of React components, props, state, and hooks.

Features

Hands-on coding with React components.
Use hooks and manage state effectively.
Integrate React Router for navigation.

Technologies

React.js
JSX and Components
Hooks (useState, useEffect)
React Router

Tasks

Task 1: React Counter App

Create a counter app with increment, decrement, and reset buttons using React state.

Task 2: Todo List with Hooks

Build a Todo List app using React hooks. Allow adding, deleting, and marking tasks as completed.

Task 3: React Router Navigation

Create a multi-page app with React Router to navigate between home, about, and contact pages.

Task 4: Fetch API Data

Use React hooks to fetch and display data from a public API.