Page Insight is a minimal project created to demonstrate some of the core concepts of React. This project might be handy for those developer who are learning React. Some of the concepts demonstrated by this project includes:
- Working with Stateful class component and maintaining state
- Using CSS in JS (styled-components) in a project to avoid global scoping of CSS
- Creating reusable functional components
- Conditional Rendering in different ways (Inline conditional rendering, conditional rendering through functions)
- Using axios as HTTP client to make API request
- Working with Google PageSpeed Insight API data
- Client Side Error handling
Note: This application sends the request to Google's Page Speed Insigt API for analysing the site performance. You can view more about the structure of data at Google's API Referece docs.