Intro to React

Front End Frameworks

There are many benefits to using a front-end application framework, here are a few:

• They enforce a component-based architecture which makes it easier to build complex user interfaces by breaking them down into smaller, reusable pieces.

• They provide a consistent set of guidelines and best practices to ensure that applications are structured in a predictable and maintainable way.

• They are battle-tested and optimized for performance which means that they can handle large-scale applications with ease.

• They have large and active developer communities, which means that there are plenty of resources and support available when needed.

Apps Built with React

Thousands of web applications are built with React. You can see some of them collated here. Some noteable apps built with React include:

• Facebook

• Instagram

• Twitter

• Canva

• Reddit

---

What is React

React is a JavaScript library used to craft UI for the front-end in web applications. It essentially takes the UI and breaks it down into reusable Components.

By modeling small reusable Components that focus on just rendering a single view, we can move business logic out of the DOM, and therefore improve our app's performance, maintainability, modularity, and readability.

React Alone Can't Build An App

React can co-exist with other JavaScript libraries and frameworks. In fact there are many libraries that developers use with React quite often like, Lodash, Redux, TanStack Router, and Axios which are great for performing advanced JS functionality.

React is also technically "just" a view library (the V in MVC) and would sometimes need to work with other libraries or frameworks to handle the models - (data) and controllers - (business logic).