So on 14/10/2022 we started to learn React js.
We learnt about the React js basics and here also got to know about the functional and the class components. Then went on to study How to use that in the basics and how it can be implemented in the site. The react js is the reactive website which will help the user to have a great experience in using the site.
React is a JavaScript-based UI development library. Facebook and an open-source developer community run it. Although React is a library rather than a language, it is widely used in web development. The library first appeared in May 2013 and is now one of the most commonly used frontend libraries for web development.
React offers various extensions for entire application architectural support, such as Flux and React Native, beyond mere UI.
React’s popularity today has eclipsed that of all other front-end development frameworks. Here is why:
Easy creation of dynamic applications: React makes it easier to create
dynamic web applications because it requires less coding and offers more
functionality, as opposed to JavaScript, where coding often gets complex
very quickly.
Improved performance: React uses Virtual DOM, thereby creating web
applications faster. Virtual DOM compares the components’ previous
states and updates only the items in the Real DOM that were changed,
instead of updating all of the components again, as conventional web
applications do.
Reusable components: Components are the building blocks of any React
application, and a single app usually consists of multiple components.
These components have their logic and controls, and they can be reused throughout the application, which in turn dramatically reduces the
application’s development time.
Unidirectional data flow: React follows a unidirectional data flow. This
means that when designing a React app, developers often nest child
components within parent components. Since the data flows in a single
direction, it becomes easier to debug errors and know where a problem
occurs in an application at the moment in question.
Small learning curve: React is easy to learn, as it mostly combines
basic HTML and JavaScript concepts with some beneficial additions. Still,
as is the case with other tools and frameworks, you have to spend some
time to get a proper understanding of React’s library.
It can be used for the development of both web and mobile apps: We
already know that React is used for the development of web applications,
but that’s not all it can do. There is a framework called React Native,
derived from React itself, that is hugely popular and is used for creating
beautiful mobile applications. So, in reality, React can be used for making
both web and mobile applications.
Dedicated tools for easy debugging: Facebook has released a Chrome
extension that can be used to debug React applications. This makes the
process of debugging React web applications faster and easier.
The above reasons more than justify the popularity of the React library and why it is
being adopted by a large number of organizations and businesses. Now let’s
familiarize ourselves with React’s features.
Task26:
Create a React Application with the following concepts:
-> Functional and Class Components
-> Bootstrap
-> Routing
-> Styling
-> React Fragments
Task27:
Create a React application by cloning the attachment
-> Replicate only the Home Page
-> Use Axios concept to display card details
-> Use component styling for styling purpose
-> Integrate .NET API for any one of the cards
-> Implement validation for the form in the Home Page