Recomendados
Mais conteúdo relacionado
Mais procurados
Mais procurados (20)
Semelhante a Say Hello to React day2 presentation
Semelhante a Say Hello to React day2 presentation (20)
Mais de Smile Gupta
Mais de Smile Gupta (10)
Último
Último (20)
Say Hello to React day2 presentation
- 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
- 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 !
Notas do Editor
- To cut a long story short, React is a JavaScript library for building User Interfaces. Very often it’s misinterpreted as a tool, framework, language. React allows developers to create large web applications that use data that can change over time, without reloading the page. Its main goal is to be fast, simple and scalable. React processes only user interface in applications (source). It is simply a JavaScript runtime. Lightweight, fast and modern way to execute code on your computer. There are two kinds of Components: Functional Components Class Components Material for reference: https://www.freecodecamp.org/news/functional-components-vs-class-components-in-react/#:~:text=Functional%20components%20are%20basic%20JavaScript,mainly%20responsible%20for%20rendering%20UI. https://reactjs.org/docs/components-and-props.html
- Tell about Creating your own Projects there,
- 1) Link to Video: : https://www.youtube.com/watch?v=YJPSR9dEQV8&t=399s 2) https://reactjs.org/docs/getting-started.html