The ultimate guide to react native development | Tutorial 2 | coding started смотреть онлайн

Welcome to Tutorial 2 of 'The Ultimate Guide to React Native Development'! In this episode, we're diving into the exciting world of coding with React Native. Get your development environment set up, and let's start building our first app. We'll guide you through the process step by step, from project setup to writing your first lines of code. Whether you're a beginner or an experienced developer, you'll gain valuable insights into React Native development. Subscribe now and hit the notification bell to stay up-to-date with this comprehensive guide to building cross-platform mobile apps with React Native!"


React Getting Started
To use React in production, you need npm which is included with Node.js.
To get an overview of what React is, you can write React code directly in HTML.

But in order to use React in production, you need npm and Node.js installed.
React Directly in HTML
The quickest way start learning React is to write React directly in your HTML files.
Start by including three scripts, the first two let us write React code in our JavaScripts, and the third, Babel, allows us to write JSX syntax and ES6 in older browsers.

You will learn more about JSX in the React JSX chapter.
Example
Include three CDN's in your HTML file:

code:: ex 1

This way of using React can be OK for testing purposes, but for production you will need to set up a React environment.

Setting up a React Environment
If you have npx and Node.js installed, you can create a React application by using create-react-app.
If you've previously installed create-react-app globally, it is recommended that you uninstall the package to ensure npx always uses the latest version of create-react-app.

To uninstall, run this command: npm uninstall -g create-react-app.
Run this command to create a React application named my-react-app:

npx create-react-app my-react-app

The create-react-app will set up everything you need to run a React application.



Run the React Application
Now you are ready to run your first real React application!

Run this command to move to the my-react-app directory:
cd my-react-app
Run this command to run the React application my-react-app:
npm start
A new browser window will pop up with your newly created React App! If not, open your browser and type localhost:3000 in the address bar.
The result:
00:00 React Getting started
00:23 React Directly in HTML
00:51 code
01:07 setting up a react environment