Day 1.md

Day 1: Introduction, Setting Up, Components & JSX

Goal

Understand what React is and set up your development environment. Learn about React components, the building blocks of your applications, and JSX syntax for defining the UI.

Resources

• React Official Tutorial: Getting Started
• FreeCodeCamp: React for Beginners
• Scrimba: Learn React for Free
• Codecademy: Learn ReactJS
• MDN Web Docs: React Tutorial
• YouTube: Traversy Media - React JS Crash Course

Tasks

1. Go through the official React tutorial or the interactive tutorial to grasp fundamental concepts like components, JSX, props, and state.
2. Follow the instructions to set up your development environment with Node.js and npm (or yarn) installed.
3. Create a simple React project using create-react-app.
4. Practice creating various types of React components (functional vs class-based, stateful vs stateless).
5. Experiment with JSX syntax, including embedding expressions, conditional rendering, and loops.
6. Build a simple component that displays some text or an image.
7. Share your progress on LinkedIn/X with #React7DayChallenge and tag Code Social.