This is the ppt for day 2 of learning react from scratch. Presentation given for girlscript punjab date: 23 October 2020 Topics covered basic react app setup functional components and class components.

2. Say Hello to Awesomeness
Creating my First Own React App
Smile Gupta
Frontend Engineer
Konfhub Technologies
@smilegupta

3. Workshop Flow
react-basics : What is React?
my first react-app: creating a basic app
react explore: Explore react by practicing
open sourcing: Uploading code to GitHub
and Hosting it on Vercel

4. What is React?
“React is a JavaScript library for
building user interfaces”
>>> Heart of React lies in Components
>>> React word itself says React to State Change

5. So, What is Component?
Components let you split the UI into
independent, reusable pieces, and
think about each piece in isolation.

6. How things work In React

7. npx create-react-app my-app
Npm create-react-app my-app
My First react-app!

8. Tips from My side to ace React!
>>> Single Responsibility Principle
>>> Build a Static Version
>>> Minimal Representaion of a State

9. Recommended
VS Code
Extensions
ES7 - React / Redux / GraphQL
/ React-Native snippets
Prettier - Code formatter

10. https://github.com/smilegupta/Dark-Light-
mode
Time for some hands on!

11. Just Remember
1) Even a trained monkey
can write a code, Aim to
write a good code.
2) Practice Practice and
Practice

12. Recommended
Reading Material
1) 5 Steps of Thinking in React
(Video)
2) React Officials Docs

13. Thankyou !