Things we learned so far
Today we will understand how you can create component using Angular
CLI and how you can define routing to each component.
You can run below command to generate the component using Angular CLI
CD <<folder where you want to have the component>>
Run ng g c <<component name>>
 |
| ng g c <<component name>> |
Angular
CLI will create for files and also update the app.module.ts file by adding new
entry to the import section.
Next we will create the component for home page.
Last tutorial you have learned how to set up your
environment to work with Angular. In this tutorial you will learn how create
your first Angular application.
Steps to create the Angular Project
Open command prompt Run
ng new <<your app name>>
Once you run the above command it will ask you to select the
type of css that you need to use.
Then Angular CLI will install necessary npm packages and
other dependencies.
 |
| ng new my-flower-store command |
Within a minute or two CLI will create the project with all
the necessary features that you can run your app.
Initial app contains
This tutorial I am going to focus on how to install and build your first React Native application.
There are two methods you can follow to develop React Native app. If you are very new to mobile development and not familiar with setting up mobile development environment, I would suggest to start with Expo CLI. Expo is a set of tools to build React Native application. It has may features; you have to select suitable features to develop your app in minutes. You need only a recent version of Node.js and a phone or emulator. If you want to test your React Native application on your web browser before installing any tools, you may use Snack.
If you are familiar mobile developer from other languages
and want to try out React Native, you may try out React Native CLI. For that
you need to install either Xcode for iOS or Android Studio for Android OS.
If you are a beginner, my personal suggestion is to go for
Expo CLI and familiar with the React Native features and concepts. Actually,
using Expo CLI, you can develop production level application. But when you move
forward there might have some limitation when your application grow to access
very hardware specific features. For example, if your application wants to read
NFC card, get some data from Bluetooth enabled devices…etc you might want to go
for React Native CLI rather Expo CLI. In my own experience I have developed
Expo application for many projects which read mobile device network connection,
camera, Wi-Fi connection and many more. Most important feature is if you write
your Expo app in a such way that you may use same code for iOS and Android OS
as it is. But in React Native CLI most of the time you need to some slight
modifications to build for iOS and Android OS.
Method 1: Expo CLI
Prerequisite is to install Node 12 LTS or greater on your
machine. You can use npm or yarn command to install the Expo CLI command line
utility:
npm install -g expo-cli
yarn global add expo-cli
Google release AngularJS in year 2010. It got popular immediately because it made static HTML interactive. However, with other latest web development technologies developers started to see drawbacks of AngularJS.
Google then start to rewrite framework again and decided to shift from Java Script to Type Script. Type Script is helpful to avoid drawback of AngularJS
Angular 2 was then introduced in 2016 and it evolves up to Angular 9.
To setting up the angular framework you need
To install node go to official site of node to download the version you need (nodejs)
Run the downloaded Node.js .msi Installer
If you want to know the node version installed in your computer run following command
One solution to this issue is you can use your mobile phone
to test react native application without running on Android Emulators. For that
you only need to run Metro server on your PC and test application run on your
mobile phone. But this method has drawbacks you have only one platform to test
your application. If you want to test your application on multiple platforms
you have to use several Emulators with different Android versions and architectures.
Another solution is without load your Android Studio if you can use Android Emulators alone that will give better performance. For that you can use command line to load Android Emulators.
We can make native portable mobile applications utilizing JavaScript and React. It utilizes React to make a rich versatile UI interface.
Presently, the inquiry strikes a chord, who's utilizing React Native? According to the official site, a huge number of applications are utilizing React Native from set up fortune 500 to up and coming new businesses. A portion of the well known applications that are utilizing React Native incorporate Facebook, Instagram, Bloomberg, Pinterest, Uber, Skype and so on
Prior to beginning, it's suggested that you have the essential information on JavaScript and React so you can comprehend the React Native applications.
Setting up the Environment
To begin, we need the underneath application introduced in the framework.
Java SE Advancement Pack (JDK)
Android SDK, Android Virtual Gadgets
Visual Studio Code
Posts
All Comments
