111°

React笔记(1)

      由来:因为本人最近找来一个人做了一个app,技术栈为React Native,如果以后他不在的情况下,我也可以独立继续开发这款app,所以打算学习一下RN技术,而下面的技术都是可以同时开发ios和app的,所以先记录一下,防止以后忘记了。

       1、Weex+Vue

       2、Flutter+Dart

       3、ApiCloud

       4、Reatc Native       

一、框架对比

      Vue

      模块化:从代码角度,把一些复用的代码,抽离为单个的模块,便于项目的维护和开发,类似于Java中的工具类。

      React

      组件化:从ui界面的角度,把一些可复用的UI元素,抽离为单独的组件,便于项目开发和维护。组件优势:随着项目规模增大,手里组件越来越多,方便使用现有的组件,拼接一个完整页面。

2、环境准备

      安装npm、node环境,安装开发工具Webstorm(本人使用的是mac系统,大家从网上搜一下吧,毕竟如果我写的话,不能保证每一个人能够安装文件npm成功,使用版本最新的就可以了)

3、创建项目

      点击 == 》 webstorm搭建react app项目

      如果按照该博客创建项目,在mac系统下,react用create-react-app my-app(my-app是你新建项目的名字)创建项目时,出现:-bash: create-react-app: command not found。

      此时用npm init react-app my-app命令即可。

4、启动项目

      点击 == 》 使用webstorm启动react项目

5、启用jsx语法

      点击 ==》 安装babel相关插件,启用jsx语法

6、基础概念

DOM:Document Object Model --->文档对象模型---操作页面元素

React中:     虚拟DOM:用js对象模拟DOM元素,为了实现页面的高效更新     diff算法

本文由【木九天】发布于开源中国,原文链接:https://my.oschina.net/mdxlcj/blog/3113333

全部评论: 0

    我有话说: