which suffixes the program auto-complete recognizes,Note that the first extensions is an empty string! Corresponds to a situation where no suffix is required.5. Combining reactWe have already configured the Webpack and Babel and made some introductions, the basic environment has been set up, and now we are starting to use react.Terminal Enter the following code to install react and
Preface: After so long, small rookie finally began to formally apply react, and ES6 to develop the project. Before like a classmate of a blog style, here to paste the address: Https://iwenku.net/,PC End is what he did long ago, he recently re-made a move. After reading, I also sketched out a blog, so I began to formally build their own blog as a project practiced hand bar.
First, build the environment1, install nodeThe first step is to make sure
powerful JS part of the function.Webstorm is a toll development tool, but has a one-month trial time. (webstorm.2017.1.4 online has cracked version, we can consider downloading use)Configuring JSX SupportWebstorm->preferences->languaesframeworks->jacascript, then select Reactjsx, download and install react,react nativeConfiguring the Run ConfigurationsFind Edit
React native, which claims to be able to develop native apps for iOS and Android across platforms, is sure to become a trend. Just plan to develop a mobile app, and there is no corresponding development resources, decided to try their own groping.The first step is to build the development environment, the following is the official documents, online information, combined with my actual operation of the summa
Date: 2016-08-22 evening, Xian1. Installing the JDKJava Version "1.6.0_45"Java (TM) SE Runtime Environment (build 1.6.0_45-b06)Java HotSpot (TM) Client VMs (build 20.45-b01, mixed mode, sharing)2. Download the SDKInstall Android SDK separately, under FQ environment, in order to speed can choose to use Androiddevtools, download file Android-sdk_r24.4.1-windows.zipSet Env
1.
Task ': App:compiledebugjavawithjavac '. > Could not find Tools.jar
Is that the Java environment is not configured
D:/java\jdk1.8.0_66 ".
2.
D:\android\workspace\awesomeproject>react-native run-android JS Server already running.Building and installing the app on the device (CD Android Gradlew.bat installdebug ...Failure:build failed with a exception.* What
development time (Packager can quickly capture file changes for real-time refresh).
Brew Install Watchman
5>flowflow is a static JS type checking tool. What you see in many examples is the weird colon question mark, and the same syntax as the type in the method parameter, which is the grammar of the flow tool. This syntax does not belong to the ES Standard, just Facebook's own code specification. So the Novice can skip directly (i.e. no
/Download node. js, find the corresponding version, and then go to install it. The NODE-V command can be used to test whether the Nodejs is successfully installedInstalling node is the NPM command that uses node, but in the domestic general NPM download slow, you can use CPM. The process can be checked online.Five, install GitGit is required to install react-native, if Git is not configured, you need to dow
The configuration of the environment depends on the operating platform you are applying, IOS, Android, or both. You just need to choose one, because different environments are just a little different when you are in Setup. The following is an environment configuration that is run on the IOS system using Mac. Environment
First, Nodejs installationI have related articles in my blog and I will not repeat them here.Second, the relevant module installationSome related modules need to be installed when using react:1, Babel NPM Install Babel-g--save-dev(where--save-dev indicates that the Babel module is placed under devdependencies of the current project's Package.json file, representing the dependent module of the current development
Widows version: Win7 64-bit Professional Edition1. Install the JDK. (I use the JDK7)Note Select x86 or x64 version, add to system PATH environment variable2. Get the Android SDK readyThis is not much to say, it is recommended to use Android Studio, the simulator recommended to use Genymotion, than the own AVD is much faster.3. Installing the C + + environmentYou can install Visual Studio 2013 or 2015 directly, or you can choose a separate SDK to compi
teach you how to build iOS React native environment in your MacHttp://www.cnblogs.com/damnbird/p/6074607.htmlpreparatory work1. You need a Mac computer. (This is not nonsense?) What I'm using is air~~ poor. )2. The environment in which I operate the computer system isVersion 3.xcode: 8.0 official editionRequired Software1.HomebrewHomebrew, a Package manager for M
looking for this JS file under Main Entry Entry file: New./APP/INDEX.JSX is required as a portal file, and only this entry file is currently in the project.Output is a bundle.js,js and CSS are in the inside, when the release of the code will appear.Resolve Expansion: Indicates support for three different formats. "" is index.js suffix can be omitted Different types of files, using different loaderLoaders
:
$ nvm_nodejs_org_mirror=https://npm.taobao.org/dist NVM Install 0.11.11
So you'll see a very fast progress bar:
######################################################################## 100.0%nowusingnode v0.11.11
If you do not want to enter the environment variable nvm_nodejs_org_mirror every time, then I recommend you to add to the. bashrc file:
# nvmexportnvm_nodejs_org_mirror=https://npm.taobao.org/distsource~
have a portal file in the current project directory, the entry.js React component is placed in a components/ directory, the component is entry.js referenced, to use entry.js , we specify the output to this file dist/bundle.js , the Webpack configuration is as follows:var path = require(‘path‘);module.exports = { entry: ‘./entry.js‘, output: { path: path.join(__dirname, ‘/dist‘), filename: ‘bundle.js‘ }, resolve: { extensions: [‘‘, ‘.
In-depth introduction to React Native: Environment configuration, reactnative
This tutorial mainly describes how to use react native to develop iOS. Therefore, you need a mac. Of course, black apple is also acceptable ~
To create a react native project, you only need to install the following five components ~~ (However
This article mainly introduces the first React. js entry-level learning article, detailed analysis of React. js basics, comprehensive understanding of React. js, interested friends can refer
I. Introduction to JSX
① Definition
JS
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.