Frontend Development - Why choose React?

This presentation frontend concepts and tools and explains why we would choose to go with React JS in building web applications.

Transcript

1. React Building Frontend Applications Presented by: Kelechi Iheanyichukwu, Software Developer Andela June 6, 2018
2. Software Developer Andela Touching lives with software development and programming. Kelechi Paradise Iheanyichukwu (@paradisekelechi)
3. What is Front End? • Face of the application - What people see when they visit your application • Interactive Interface for users - The avenue for users to interact with the application
4. What frontend tools are needed? • HTML • CSS • Javascript (Vanilla Javascript, React, Angular, Vue)
5. HyperText Markup Language - Standard markup language for creating web pages - It defines the layout of the web page HTML
6. Cascading Style Sheets - Defines the presentation of a webpage - Adds beauty to the markup layout of the application css
7. Programming language of the web - Makes webpages alive and interactive - Programming language used to interface with other parts of the application - Vanilla JS - Frameworks (React, Vue, Angular) Javascript
8. • Flexibility and versatility (Webapps, static sites, mobile apps, desktop apps) • Virtual DOM for fast rendering • Server side rendering • Developer tools for ease of development • Active and supportive community Why Choose React?
9. Codelab Session Project - Simple To-do application Stages - Build HTML and CSS template - Build React components - Consumption of API and backend endpoints
10. https://github.com/paradis ekelechi/task-to-do
12. Coding . . .