Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.

Say Hello to React day2 presentation

90 vues

Publié le

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.

Publié dans : Ingénierie
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Say Hello to React day2 presentation

  1. 1. Say Hello to Awesomeness Creating my First Own React App Smile Gupta Frontend Engineer Konfhub Technologies @smilegupta
  2. 2. 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
  3. 3. 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
  4. 4. So, What is Component? Components let you split the UI into independent, reusable pieces, and think about each piece in isolation.
  5. 5. How things work In React
  6. 6. npx create-react-app my-app Npm create-react-app my-app My First react-app!
  7. 7. Tips from My side to ace React! >>> Single Responsibility Principle >>> Build a Static Version >>> Minimal Representaion of a State
  8. 8. Recommended VS Code Extensions ES7 - React / Redux / GraphQL / React-Native snippets Prettier - Code formatter
  9. 9. https://github.com/smilegupta/Dark-Light- mode Time for some hands on!
  10. 10. Just Remember 1) Even a trained monkey can write a code, Aim to write a good code. 2) Practice Practice and Practice
  11. 11. Recommended Reading Material 1) 5 Steps of Thinking in React (Video) 2) React Officials Docs
  12. 12. Thankyou !