react系列教程,React学习材料

那么些类别将从基础语法讲起,把react全家桶都讲到,然后到现实的利用,最后产生后,会写1个总体的demo。

React

  • React
    华语文书档案
    必然要看官方文书档案
  • React
    入门实例教程
    阮壹峰先生出品,最佳的 react 入门教程
  • 如何学习React
    小编是 React 的最初成员之一,介绍了踏入 React 生态圈所需调控的技能
  • reactjs101
    从零早先学 ReactJS(ReactJS 拾一)是一本希望让初学者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
  • react系列教程,React学习材料。ES6, ECMAScript6标准, 可通过babel编译成es5

内部, React和Webpack是最容命理术数习的, 而Redux和ES6是相比较复杂的.
提议我们多看看Redux的栗子.

置于供给:
基本的CSS,JS要熟练。
壹部分ES六语法必要理解。能够参见上边提到的阮一峰先生的《ECMAScript 6入门》和MDN文书档案。

ES6

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

近几年来更新时间 — 20一七.1一.02

React

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

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

Redux

  • Redux
    粤语文书档案
    官方文书档案汉语版,必读非看不可
  • Redux Tutorial
    粤语翻译
    这是3个一点也不细略的学科,能够令你驾驭 Flux 和 Redux
    观念的卓越。当您首先接触 Redux 时,Redux
    官方文书档案极其详尽,是您的首推。本课程差异点是,通过介绍 Redux
    使用来向你显得 Flux 概念。

Mac Pro 初阶开辟条件搭建

  • 软件设置
    • 应用程式:Homebrew(包管理器)
      Chrome浏览器、Firefox浏览器、微信、伊夫rnote(影象笔记)、有道词典、Microsoft
      Office套装、Jenkins、Keka(解压缩)
    • 前端开垦工具:iTem二(终端)、Dropbox(文件夹共享)、Atom、Yarn(注重管理工科具)、Ps
      cc20一7、查理(双鱼瓶)、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
      三13个开辟者工具的小技能
    • 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手册
    • W3cplus才能博客
    • 开源中华夏族民共和国社区
    • 掘金
    • 简书
    • segmentfault
      社区
    • MDN
    • 阮壹峰的互联网日志
    • WEB 前端开拓
    • JavaScript
      分类库
    • 美高梅开户网址,h五小游戏下载
    • 软件知识库
    • Digcss.com —
      前端知识
    • 前端人的俱乐部
  • 前端在线代码调节和测试工具
    • jsFiddle
    • RunJs
  • 前端开采者的工具、库和能源
    • 陆八个拯救前端开辟者的工具、库和能源
    • react
      插件大汇总
    • vue插件整理汇总-awesome-github-vue
  • 原生DOM操作学习: 先导攻读 20一5.0玖 ~ 至今
    • javaScript基础知识点梳理
    • 大面积的原生javascript
      DOM操作
    • Javascript中URubiconL
      传递参数(特殊字符)搞定措施及转码解码的牵线
  • jQuery学习及应用: 初始读书 20一5.1壹 ~ 2016.02
    • jQuery教程 —
      w3school
    • jQuery教程 —
      新手教程
    • jQuery插件库
    • jquery+css三创设五种图形切换动画效果
  • Bootstrap 框架
    • Bootstrap粤语官方网站
    • Bootstrap
      新手教程
  • git 使用教程 201陆.0二
    • 常用 Git 命令清单 —
      阮一峰
    • git学习宝典:工程师走俗尘必备
  • 前端开拓扶助理工科程师具汇总
    • Yarn
      国语官方网址
    • Grunt中文文书档案
    • 居尔p中文官方网址
    • 前者营造工具gulp的选用介绍及才能
    • Babel中文网
    • webpack华语官方网址
    • WebPack 简明学习课程
    • webpack.config.js
      参数详解
    • npm
      package.json属性详解
    • 语法检查 —
      ESlint中文
    • 精读前端调节和测试才干
  • UI、产品、后台相关本事
    • 怎么着做一份让程序员泪流满面包车型大巴标号?
    • 阿里Baba(Alibaba)矢量Logo库
    • 一举手一投足端设计指南 — Ant Design
      Mobile
    • Ant Design — UI
      设计语言
    • 后台接口文书档案生成器 –
      APIDOC
    • 神蹟秀–设计工具集锦
  • CSS 手艺汇总 二零一四.1一 ~ 未知
    • 前者CSS规范整治
    • 编写制定可保险的CSS
    • Less汉语文书档案
    • Sass汉语文书档案
    • stylus汉语版文书档案
    • PostCSS —
      入门精晓教程
    • 基于flexbox的栅格化布局库–flex-layout
    • flex布局教程:语法篇
    • flex布局教程:实例篇
    • 大量css3
      hover效果
    • weui —
      腾讯开支样式库
    • React-WeUI
    • clip-path
      裁剪属性获取maker
  • React 技艺学习 学习及项目应用 201六.02 ~ 2017.05
    • React官网 —
      英文版
    • React文档 —
      中文版
    • Preact
      react轻量级达成方案
    • React 才干栈系列教程 —
      阮壹峰
    • React 入门实例教程 —
      阮一峰
    • React Router 使用教程 —
      阮一峰
    • Flux 架构入门教程 —
      阮一峰
    • Redux 入门教程(壹):基本用法 —
      阮壹峰
    • Redux 入门教程(2):中间件与异步操作 —
      阮一峰
    • Redux 入门教程(3):React-Redux 的用法 —
      阮1峰
    • 3个 react + redux 的全体项目 和
      个人计算
    • React/React Native 的ES伍ES陆写法对照表
    • 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 手提式有线电话机端快捷开垦库
      • Light7 —
        轻量,小巧且能够的UI库
    • HTML 伍 游戏类框架
      • CreateJS —
        开荒基于HTML五的游艺、动画和相互使用
  • 微信小程序 相关文书档案 201六.0玖
    • 微信小程序支付文档
    • 小程序开垦社区 —
      相当的慢
    • 微信公众平台开采技艺文书档案
    • 微信小程序组件化开辟框架 —
      Labrador
    • WeUI for 小程序
      为微信小程序量身设计
  • 微信公众号支付与编辑
    • 135编辑器
    • 秀米–h5高效支付
    • 壹伴 ·
      小插件
  • ECMAScript 6 种类教程 20一柒.0三
    • ECMAScript 6
      入门
  • 马克Down语法的求学及整治:落成第二期整治 20一7.0陆
    • markdown 菜鸟指南
    • markdown 编辑器 — MacDown
      官方网址下载
  • jade 语管工学习及整治: 学习时光(20一七.05 ~ 2017.06)
    • jade学习
    • jade语法教程
    • Jade —— 源于 Node.js 的 HTML
      模板引擎
  • Vue 技能有关文书档案
    • vue官网
    • vue-router
    • vuex
    • vuex
      华语文书档案
    • Vue.js
      入门教程
    • Vue贰.0 菜鸟入门 —
      从情状搭建到发布
    • vue插件整理汇总-awesome-github-vue
    • Element,1套基于 Vue2.0
      的桌面端组件库
    • iView, 一套基于 Vue二.0 的高水平 UI
      组件库
  • 全栈开荒体系教程
    • JavaScript 全栈技术员培养和操练课程 —
      阮1峰
  • 后端 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. 阮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

资源

  • 营造 F8 App / React Native
    开辟指南
  • React Native
    Express
  • js.coach

参考

  • React-Native入门指南
  • 游历喵 React Native
    技艺实践
  • 写给移动开荒者的 React Native
    指南
  • React Native
    Training
  • react-native-styling-cheat-sheet

发表评论

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

网站地图xml地图