React学习资料,react体系教程

By admin in 4858美高梅 on 2019年4月12日

本条类别将从基础语法讲起,把react全家桶都讲到,然后到实际的运用,最终成功后,会写叁个完整的demo。

React

  • React
    普通话文书档案
    肯定要看官方文书档案
  • React
    入门实例教程
    阮1峰先生出品,最棒的 react 入门教程
  • 什么样学习React
    笔者是 React 的早期成员之一,介绍了踏入 React 生态圈所需精通的技术
  • reactjs101
    从零起先学 ReactJS(ReactJS 101)是一本指望让初专家1看就懂的
    ReactJS 普通话入门教学书,由表及里学习 ReactJS 生态系 (Flux, Redux,
    React Router, ImmutableJS, React Native, Relay/GraphQL etc.)
  • react-bits
    React patterns, techniques, tips and tricks

前端开发知识点学习汇总 — 持续创新,调整 by Qzx

总述

要选拔react来支付web, 如下多少个框架和工具要读书的:

  • React, View层框架
  • Redux, 基于Flux和elm思想的数据流管理框架
  • Webpack, 前端塑造和工程化学工业具, 援助hot-loader
  • ES6, ECMAScript6标准, 可通过babel编译成es5

React学习资料,react体系教程。其间, React和Webpack是最容命理术数习的, 而Redux和ES陆是相比较复杂的.
提出大家多看看Redux的栗子.

嵌入需求:
基本的CSS,JS要熟练。
有的ES陆语法必要驾驭。能够参照上面提到的阮1峰先生的《ECMAScript 6入门》和MDN文书档案。

ES6

  • ECMAScript
    6入门
    阮先生又一大作,一本开源的JavaScript语言教程,全面介绍ECMAScript
    陆新引进的语法天性
  • Whats New in
    ES6
    PPT 的样式介绍 ES陆 的有些新特点,条理性更好的参照文书档案
  • ECMAScript 6
    扫盲
    github 上一篇 A kickstarter guide to writing ES6 的翻译
  • es6-cheatsheet
    containing tips, tricks, best practices and code snippets.
  • 4858美高梅 ,react es5 to es6
    对照表
    Here is a check list to help you translate your ES5 code to ES next
    in React

近年来翻新时间 — 20一柒.11.0二

React

  • React
    官方文档
  • React 汉语文档
  • [译]在 React.js 中使用
    ES6+
  • React.js生态系统大概浏览
    [译]
  • React编制程序风格指南
  • 为啥使用React

日前一度成功的始末:
react教程(零)安装
react教程(1)JSX语法、组件概念、生命周期介绍

Redux

  • Redux
    国语文书档案
    官方文书档案普通话版,必读不可不看
  • Redux Tutorial
    汉译
    那是一个很简短的科目,可以让你精通 Flux 和 Redux
    思想的精华。当您首先接触 Redux 时,Redux
    官方文书档案极其详尽,是你的首要选取。本学科不相同点是,通过介绍 Redux
    使用来向你来得 Flux 概念。

Mac Pro 起先开发环境搭建

  • 软件安装
    • APP:Homebrew(包管理器)
      Chrome浏览器、Firefox浏览器、微信、伊夫rnote(印象笔记)、有道词典、Microsoft
      Office套装、Jenkins、Keka(解压缩)
    • 前端开发工具:iTem贰(终端)、Dropbox(文件夹共享)、Atom、Yarn(依赖管理工科具)、Ps
      cc20一七、Charles(花瓶)、Sequel
      Pro(数据库)、MacDown(markdown编辑器)、Sketch(设计稿标注神器)
    • Chrome 浏览器开发常用插件:Page Ruler、Window
      Resizer、WhatFont、Dimensions、Proxy SwitchyOmega、Postman
    • 后端开发集成软件: MAMP
  • 安装地方及破解教程
    • 在Mac上安装office2016破解版
    • Adobe Photoshop CC 20一柒Mac普通话破解版
    • Charles破解注册
    • Mamp —
      PHP集成工具
  • 软件支持文档及学科
    • Mac
      OS下包管理器Homebrew的设置与利用
    • svn翻墙插件 — GFWList
      使用教程
    • zsh+oh my zsh+iterm2、
      iterm2+oh my
      zsh
    • 常用Atom插件列表
    • 布署稿标注必装神器-Sketch标注插件马克etch下载
    • 设置node包管理工具 nvm 和
      node、nvm重启失效消除方案
    • mac 安装 php nginx
      mysql
    • Mac
      平台搭建PHP开发环境:Nginx、PHP、MySQL
    • 应用Nginx和Host把自定义域名指向地方
    • 图解Mac下利用Sequel
      Pro连接操作数据库
    • Chrome
      3二个开发者工具的小技巧
    • Sublime Text 3
      Mac破解版
    • Sublime Text 三常用插件推荐

Redux

  • Redux
    介绍
  • Redux
    华语文书档案
  • Redux
    示例
  • 还在纠结 Flux 或 Relay,或者 Redux
    更切合您
  • React数据流管理架构之Redux介绍

连带财富如下:

Android 开发

  • react native android
    环境陈设
  • react native android 打包
  • react native 版本更新

技能学习进度记录

  • 搭建个人博客
    • 个体博客网址的搭建(github Pages 和
      Jekyll)
  • 前者相关学习网址及论坛
    • GitHub
    • Github常用插件和库
    • W3school手册
    • W三cplus技术博客
    • 开源中中原人民共和国社区
    • 掘金
    • 简书
    • segmentfault
      社区
    • MDN
    • 阮1峰的互联网日志
    • WEB 前端开发
    • JavaScript
      分类库
    • h5小游戏下载
    • 软件知识库
    • Digcss.com —
      前端知识
    • 前端人的文化馆
  • 前端在线代码调节和测试工具
    • jsFiddle
    • RunJs
  • 前端开发者的工具、库和能源
    • 陆7个拯救前端开发者的工具、库和财富
    • react
      插件大汇总
    • vue插件整理汇总-awesome-github-vue
  • 原生DOM操作学习: 初阶读书 20一伍.0九 ~ 至今
    • javaScript基础知识点梳理
    • 大规模的原生javascript
      DOM操作
    • Javascript中U宝马X5L
      传递参数(特殊字符)搞定方法及转码解码的介绍
  • jQuery学习及应用: 开首攻读 20一5.1一 ~ 2016.02
    • jQuery教程 —
      w3school
    • jQuery教程 —
      菜鸟教程
    • jQuery插件库
    • jquery+css三塑造各样图纸切换动画效果
  • Bootstrap 框架
    • Bootstrap汉语官网
    • Bootstrap
      菜鸟教程
  • git 使用教程 201陆.02
    • 常用 Git 命令清单 —
      阮一峰
    • git学习宝典:程序员走人间必备
  • 前端开发支持工具汇总
    • Yarn
      粤语官网
    • Grunt普通话文书档案
    • 居尔p汉语官网
    • 前者营造筑工程具gulp的施用介绍及技术
    • Babel中文网
    • webpack国语官网
    • WebPack 简明学习课程
    • webpack.config.js
      参数详解
    • npm
      package.json属性详解
    • 语法检查 —
      ESlint普通话
    • 精读前端调节和测试技巧
  • UI、产品、后台相关技术
    • 怎样做一份让工程师泪流满面包车型大巴标号?
    • Alibaba矢量图标库
    • 一举手一投足端设计指南 — Ant Design
      Mobile
    • Ant Design — UI
      设计语言
    • 后台接口文书档案生成器 –
      APIDOC
    • 神迹秀–设计工具集锦
  • CSS 技术汇总 20一伍.1一 ~ 未知
    • 前者CSS规范整治
    • 编辑可保险的CSS
    • Less汉语文档
    • Sass普通话文书档案
    • stylus中文版文书档案
    • PostCSS —
      入门掌握教程
    • 基于flexbox的栅格化布局库–flex-layout
    • flex布局教程:语法篇
    • flex布局教程:实例篇
    • 大量css3
      hover效果
    • weui —
      腾讯开发样式库
    • React-WeUI
    • clip-path
      裁剪属性获取maker
  • React 技术学习 学习及项目选择 201六.0二 ~ 2017.05
    • React官网 —
      英文版
    • React文档 —
      中文版
    • Preact
      react轻量级达成方案
    • React 技术栈类别教程 —
      阮一峰
    • React 入门实例教程 —
      阮一峰
    • React Router 使用教程 —
      阮一峰
    • Flux 架构入门教程 —
      阮一峰
    • Redux 入门教程(1):基本用法 —
      阮一峰
    • Redux 入门教程(2):中间件与异步操作 —
      阮①峰
    • Redux 入门教程(叁):React-Redux 的用法 —
      阮一峰
    • 二个 react + redux 的全部项目 和
      个人总括
    • React/React Native 的ES5ES陆写法对照表
    • React组件属性部类(propTypes)校验
  • React 常用插件汇总整理
    • awesome-react-components
      插件大汇总
    • React插件专题
      wesomes
    • react-paginate
      分页器
    • axios 华语文档翻译
    • qs 格式化数据
  • 前端开发扶助类框架
    • 截屏类(HTML转图片)
      • html2canvas
      • rasterizeHTML
    • 图表类框架
      • Echarts国语官网
      • Echarts —
        github
    • 一举手一投足端触摸滑动框架
      • Swiper国语官网
      • 哈默.Js —
        移动端手势插件库
      • hammer.js
        使用教程
      • fastclick.js — 消除手机300ms延时插件
    • 富文本编辑器
      • ueditor
      • 活动端富文本编辑器 —
        art艾德itor
      • react-lz-editor
      • wang艾德itor ——
        轻量级web富文本框
    • H5 手提式有线电话机端快捷开发库
      • Light七 —
        轻量,小巧且能够的UI库
    • HTML 5 游戏类框架
      • CreateJS —
        开发基于HTML伍的游乐、动画和互相使用
  • 微信小程序 相关文书档案 2016.0玖
    • 微信小程序支付文书档案
    • 小程序开发社区 —
      非常的慢
    • 微信公众平台开发技术文书档案
    • 微信小程序组件化开发框架 —
      Labrador
    • WeUI for 小程序
      为微信小程序量身设计
  • 微信公众号支付与编写制定
    • 135编辑器
    • 秀米–h伍急忙支付
    • 壹伴 ·
      小插件
  • ECMAScript 6 类别教程 201七.03
    • ECMAScript 6
      入门
  • MarkDown语法的读书及整治:实现第贰期整治 201柒.06
    • markdown 新手指南
    • markdown 编辑器 — MacDown
      官网下载
  • jade 语历史学习及整治: 学习时光(20一七.0五 ~ 2017.06)
    • jade学习
    • jade语法教程
    • Jade —— 源于 Node.js 的 HTML
      模板引擎
  • Vue 技术相关文书档案
    • vue官网
    • vue-router
    • vuex
    • vuex
      国语文书档案
    • Vue.js
      入门教程
    • Vue2.0 新手入门 —
      从环境搭建到宣布
    • vue插件整理汇总-awesome-github-vue
    • Element,一套基于 Vue贰.0
      的桌面端组件库
    • iView, 一套基于 Vue二.0 的高品质 UI
      组件库
  • 全栈开发体系教程
    • JavaScript 全栈工程师资培训训课程 —
      阮一峰
  • 后端 PHP 开发
    • Mamp —
      PHP开发条件
    • PHP
      菜鸟教程
    • Laravel 框架
    • laravel大学 — 致力于提供上乘的
      Laravel中文学习财富
    • apiDoc —
      后端写接口文书档案利器
    • Apidoc安装与行使
  • 前端能够个人博客
    • 阮一峰
    • 熊建刚

Webpack

  • 轻松入门React和Webpack
  • What、Why、How?解读Webpack官方文书档案
  • [译] Webpack 用来做模块热替换(hot module
    replacement)
  • 根据webpack搭建前端工程化解方案探索
  1. React官方文书档案
  2. React汉语文书档案
  3. 极客时间-王沛-React实战进阶4五讲
  4. 阮1峰-React
    入门实例教程
  5. create-react-app
  6. Webpack官方文书档案
  7. Webpack国语文书档案
  8. 《ECMAScript 6 入门》
  9. MDN Web 文档

热更新

  • code-push

ES6

  • ECMAScript
    6入门
  • Webpack+React+ES陆付出情势入门指南
  • React on
    ES6+

Example

  • react native 开源案例

Boilerplate

  • snowflake
    A React-Native starter mobile app, or maybe just an example, or
    maybe a boilerplate (you decide) for iOS and Android with a single
    code base.
  • pepperoni-app-kit
    React Native App Starter Kit for Android and iOS

资源

  • 营造 F八 App / React Native
    开发指南
  • React Native
    Express
  • js.coach

参考

  • React-Native入门指南
  • 旅行喵 React Native
    技术实施
  • 写给移动开发者的 React Native
    指南
  • React Native
    Training
  • react-native-styling-cheat-sheet

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图
Copyright @ 2010-2019 美高梅手机版4858 版权所有