您的位置:时时app平台注册网站 > web前端 > awesome-react-native

awesome-react-native

2019-11-14 20:55

这个系列将从基础语法讲起,把react全家桶都讲到,然后到具体的使用,最后完成后,会写一个完整的demo。

React

  • React 中文文档
    一定要看官方文档
  • React 入门实例教程
    阮一峰老师出品,最好的 react 入门教程
  • 如何学习React
    作者是 React 的最初成员之一,介绍了踏入 React 生态圈所需掌握的技术
  • reactjs101
    从零开始学 ReactJS(ReactJS 101)是一本希望让初学者一看就懂的 ReactJS 中文入门教学书,由浅入深学习 ReactJS 生态系 (Flux, Redux, React Router, ImmutableJS, React Native, Relay/GraphQL etc.)
  • react-bits
    React patterns, techniques, tips and tricks

技术学习过程记录

  • 搭建个人博客
    • 个人博客网站的搭建(github Pages 和 Jekyll)
  • 前端相关学习网站及论坛
    • GitHub
    • Github常用插件和库
    • W3school手册
    • W3cplus技术博客
    • 开源中国社区
    • 掘金
    • 简书
    • segmentfault 社区
    • MDN
    • 阮一峰的网络日志
    • WEB 前端开发
    • JavaScript 分类库
    • h5 小游戏下载
    • 软件知识库
    • Digcss.com -- 前端知识
    • 前端人的俱乐部
  • 前端在线代码调试工具
    • jsFiddle
    • RunJs
  • 前端开发者的工具、库和资源
    • 67 个拯救前端开发者的工具、库和资源
    • react 插件大汇总
    • vue插件整理汇总-awesome-github-vue
  • 原生DOM操作学习: 开始学习 2015.09 ~ 至今
    • javaScript基础知识点梳理
    • 常见的原生javascript DOM操作
    • Javascript中URL 传递参数(特殊字符)解决方法及转码解码的介绍
  • jQuery学习及使用: 开始学习 2015.11 ~ 2016.02
    • jQuery教程 -- w3school
    • jQuery教程 -- 菜鸟教程
    • jQuery插件库
    • jquery css3制作多种图片切换动画效果
  • Bootstrap 框架
    • Bootstrap中文官网
    • Bootstrap 菜鸟教程
  • git 使用教程 2016.02
    • 常用 Git 命令清单 -- 阮一峰
    • git学习宝典:程序员走江湖必备
  • 前端开发辅助工具汇总
    • Yarn 中文官网
    • Grunt中文文档
    • Gulp中文官网
    • 前端构建工具gulp的使用介绍及技巧
    • Babel中文网
    • webpack中文官网
    • WebPack 简明学习教程
    • webpack.config.js 参数详解
    • npm package.json属性详解
    • 语法检查 -- ESlint中文
    • 精读前端调试技巧
  • UI、产品、后台相关技术
    • 如何做一份让工程师泪流满面的标注?
    • 阿里巴巴矢量图标库
    • 移动端设计指南 -- Ant Design Mobile
    • Ant Design -- UI 设计语言
    • 后台接口文档生成器 - APIDOC
    • 奇迹秀--设计工具集锦
  • CSS 技术汇总 2015.11 ~ 未知
    • 前端CSS规范整理
    • 编写可维护的CSS
    • Less中文文档
    • Sass中文文档
    • stylus中文版文档
    • PostCSS -- 入门精通教程
    • 基于flexbox的栅格化布局库--flex-layout
    • flex布局教程:语法篇
    • flex布局教程:实例篇
    • 大量css3 hover效果
    • weui -- 腾讯开发样式库
    • React-WeUI
    • clip-path 裁剪属性获取maker
  • React 技术学习 学习及项目使用 2016.02 ~ 2017.05
    • React官网 -- 英文版
    • React文档 -- 中文版
    • Preact react轻量级实现方案
    • React 技术栈系列教程 -- 阮一峰
    • React 入门实例教程 -- 阮一峰
    • React Router 使用教程 -- 阮一峰
    • Flux 架构入门教程 -- 阮一峰
    • Redux 入门教程(一):基本用法 -- 阮一峰
    • Redux 入门教程(二):中间件与异步操作 -- 阮一峰
    • Redux 入门教程(三):React-Redux 的用法 -- 阮一峰
    • 一个 react redux 的完整项目 和 个人总结
    • React/React Native 的ES5 ES6写法对照表
    • React组件属性部类(propTypes)校验
  • React 常用插件汇总整理
    • awesome-react-components 插件大汇总
    • React插件专题 wesomes
    • react-paginate 分页器
    • axios 中文文档 翻译
    • qs 格式化数据
  • 前端开发辅助类框架
    • 截屏类(HTML转图片)
      • html2canvas
      • rasterizeHTML
    • 图表类框架
      • Echarts中文官网
      • Echarts -- github
    • 移动端触摸滑动框架
      • Swiper中文官网
      • Hammer.Js -- 移动端手势插件库
      • hammer.js 使用教程
      • fastclick.js -- 解决手机 300ms延时插件
    • 富文本编辑器
      • ueditor
      • 移动端富文本编辑器 -- artEditor
      • react-lz-editor
      • wangEditor —— 轻量级web富文本框
    • H5 手机端快速开发库
      • Light7 -- 轻量,小巧且精美的UI库
    • HTML 5 游戏类框架
      • CreateJS -- 开发基于HTML5的游戏、动画和交互应用
  • 微信小程序 相关文档 2016.09
    • 微信小程序开发文档
    • 小程序开发社区 -- 很快
    • 微信公众平台开发技术文档
    • 微信小程序组件化开发框架 -- Labrador
    • WeUI for 小程序 为微信小程序量身设计
  • 微信公众号开发与编辑
    • 135编辑器
    • 秀米--h5快速开发
    • 壹伴 · 小插件
  • ECMAScript 6 系列教程 2017.03
    • ECMAScript 6 入门
  • MarkDown语法的学习及整理:完成第一期整理 2017.06
    • markdown 新手指南
    • markdown 编辑器 -- MacDown 官网下载
  • jade 语法学习及整理: 学习时间(2017.05 ~ 2017.06)
    • jade学习
    • jade语法教程
    • Jade —— 源于 Node.js 的 HTML 模板引擎
  • Vue 技术相关文档
    • vue官网
    • vue-router
    • vuex
    • vuex 中文文档
    • Vue.js 入门教程
    • Vue2.0 新手入门 — 从环境搭建到发布
    • vue插件整理汇总-awesome-github-vue
    • Element,一套基于 Vue2.0 的桌面端组件库
    • iView, 一套基于 Vue2.0 的高质量 UI 组件库
  • 全栈开发系列教程
    • JavaScript 全栈工程师培训教程 -- 阮一峰
  • 后端 PHP 开发
    • Mamp -- PHP开发环境
    • PHP 菜鸟教程
    • Laravel 框架
    • laravel学院 -- 致力于提供优质的 Laravel中文学习资源
    • apiDoc -- 后端写接口文档利器
    • Apidoc安装与使用
  • 前端优秀个人博客
    • 阮一峰
    • 熊建刚

前置要求:
基本的CSS,JS要熟练。
部分ES6语法需要了解。可以参考下面提到的阮一峰老师的《ECMAScript 6 入门》和MDN文档。

资源

  • 构建 F8 App / React Native 开发指南
  • React Native Express
  • js.coach

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

相关资源如下:

Redux

  • Redux 中文文档
    官方文档中文版,必读必看
  • Redux Tutorial 中文翻译
    这是一个很简短的教程,可以让你领略 Flux 和 Redux 思想的精髓。当你初次接触 Redux 时,Redux 官方文档极其详尽,是你的首选。本教程不同点是,通过介绍 Redux 使用来向你展示 Flux 概念。

Mac Pro 初始开发环境搭建

  • 软件安装
    • 电脑软件:Homebrew(包管理器) Chrome浏览器、Firefox浏览器、微信、Evernote(印象笔记)、有道词典、Microsoft Office套装、Jenkins、Keka(解压缩)
    • 前端开发工具:iTem2(终端)、Dropbox(文件夹共享)、Atom、Yarn(依赖管理工具)、Ps cc2017、Charles(花瓶)、Sequel Pro(数据库)、MacDown(markdown编辑器)、Sketch(设计稿标注神器)
    • Chrome 浏览器开发常用插件:Page Ruler、Window Resizer、WhatFont、Dimensions、Proxy SwitchyOmega、Postman
    • 后端开发集成软件: MAMP
  • 安装地址及破解教程
    • 在Mac上安装office2016破解版
    • Adobe Photoshop CC 2017 Mac中文破解版
    • Charles破解注册
    • Mamp -- PHP集成工具
  • 软件辅助文档及教程
    • Mac OS下包管理器Homebrew的安装与使用
    • svn翻墙插件 -- GFWList 使用教程
    • zsh oh my zsh iterm2、 iterm2 oh my zsh
    • 常用Atom插件列表
    • 设计稿标注必装神器-Sketch标注插件Marketch下载
    • 安装node包管理工具 nvm 和 node、nvm重启失效解决方案
    • mac 安装 php nginx mysql
    • Mac 平台搭建PHP开发环境:Nginx、PHP、MySQL
    • 利用Nginx和Host把自定义域名指向本地
    • 图解Mac下使用Sequel Pro连接操作数据库
    • Chrome 35个开发者工具的小技巧
    • Sublime Text 3 Mac破解版
    • Sublime Text 3 常用插件推荐

目前已经完成的内容:
react教程(零)安装
react教程(一)JSX语法、组件概念、生命周期介绍

参考

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

最近更新时间 -- 2017.11.02

  1. React官方文档
  2. React中文文档
  3. 极客时间-王沛-React实战进阶45讲
  4. 阮一峰-React 入门实例教程
  5. create-react-app
  6. Webpack官方文档
  7. Webpack中文文档
  8. 《ECMAScript 6 入门》
  9. MDN Web 文档

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

Android 开发

  • react native android 环境配置
  • react native android 打包
  • react native 版本更新

ES6

  • ECMAScript 6入门
    阮老师又一力作,一本开源的JavaScript语言教程,全面介绍ECMAScript 6新引入的语法特性
  • Whats New in ES6
    PPT 的形式介绍 ES6 的一些新特性,条理性特别好的参考文档
  • 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

Example

  • react native 开源案例

热更新

  • code-push

本文由时时app平台注册网站发布于web前端,转载请注明出处:awesome-react-native

关键词: