Learn how to use AngularJS and React in a new way.
The core of React is a declaratively-oriented, high-performance, data-driven DOM API.
React lets you write highly-customizable and composable components in the browser, without writing any code in the server.
React also allows you to combine the benefits of both JS and HTML, which makes it a natural fit for a mobile application.
Here are the steps you need to take to get started with React.
Install React 2.
Install Angular 1.
Enable Webpack and npm 3.
Install angular-cli 4.
Install babel 5.
Install react-dom 6.
Create your first app React is available as a webpack dependency in all major browsers.
Angular is an official dependency in Chrome and Safari, as well as in Firefox and Edge.
It’s also available in Edge, Internet Explorer, and Opera.
If you prefer to use npm instead of Webpack, you can install it with npm install –save-dev webpack-angular-cli .
The CLI provides a few options to install and configure React.
To learn more, check out the webpack documentation.
The following is a list of all the dependencies and webpack versions available in all supported browsers.
This package is required to run Webpack during the build process.
npm i npm i babel –save Webpack’s core module bundler.
It compiles and bundles your code.
Babel provides several built-in Babel plugins.
It provides a set of helper functions to convert ES5 to ES6 and vice versa.
babo-compiler is a Babel plugin that helps generate optimized ES6 versions for ES5.
babole is a module bundling tool.
bab-loader-js is a plugin that generates ES5 code for Babel plugins that uses babel.
Babel plugins should be included in your babel package.js file.
babeleven is a package manager that manages all your packages and compiles them with Babel.
babeltools is a collection, a library, and a configuration utility for babel plugins.
babelfishing is a lightweight tool that makes it easier to manage and manage Babel plugins on the fly.
babalight is an easy-to-use CLI tool for creating optimized ES5 versions for Babel.