为了账号安全,请及时绑定邮箱和手机立即绑定

React.JS

【React.js模仿大众点评webapp】实战教程(7)开发首页

源码地址:https://github.com/wangfupeng1988/react-simple-o2o-demo/tree/stage1-home-page 首页开发 这一大节,详细介绍一下我们如何从一个空代码框架,做出一个首页的效果。 特别提醒:再分析之前,我们首先要回忆下之前讲过的page - subpage - components以及“智能组件”、&ldqu...

53浏览 1推荐 0评论

Flow - JS静态类型检查工具

本章的目标是提供一些Flow工具的介绍与使用建议。Flow本质上也只是个检查工具,它并不会自动修正代码中的错误,也不会强制说你没按照它的警告消息修正,就不会让你运行程序。当然,并没有要求什么时候一定要用这类的工具,只是这种作法可以让你的代码更具强健性与提高阅读性,也可以直接避去很多不必要的数据类型使用上的问题,这种开发方式目前在许多框架与函数库项目,或是以JavaScript应用为主的开发团队中都...

31浏览 1推荐 0评论

如何一周快速开发上线App?

本文转自@vczero:http://aissues.com/book.php?id=38385589-D7DA-4988-BA7B-C85EE0464481 最近跟一些同学交流,发现很多同学都有想开发一款上线App的念头。 但是,很多情况下,却没有行动。有很多原因,一个是没有时间,工作太忙;另一个是没有想好怎么做;更多的是不知道一款开发上线App需要多少时间,整个流程是怎么样的。 16年年初那段...

2589浏览 29推荐 3评论

新手教程 - react基础入门 原创

github仓库 github中包含了所有的源码,麻烦在各位fork的同时,给小的赏一颗star,谢谢! https://github.com/Rynxiao/react-newer JSX语法 const element = <h1>Hello, world!</h1>; This funny tag syntax is neither a string nor HTML...

199浏览 2推荐 0评论

react制作webapp转场动画探索 原创

react-css3-transition-group 手机端配合react-route转场动画案例初探 用法 npm install npm run dll npm run start 代码说明 采用react-addons中提供的css3动画效果 搭配react-route进行路由切换 设置组件进入和退出的css样式(通过transform搭配transition动画) 代码核心 <Re...

226浏览 2推荐 0评论

【React.js模仿大众点评webapp】实战教程(4)React-

react-router 基础知识 源码地址:https://github.com/wangfupeng1988/react-simple-o2o-demo/tree/getready-router 安装 安装 react-router npm install react-router --save,完成之后可查看package.json的变化。 本章节演示 react-router 的一些基本用...

372浏览 3推荐 0评论

【React.js模仿大众点评webapp】实战教程(3)React

React 性能优化 源码地址 https://github.com/wangfupeng1988/react-simple-o2o-demo/tree/getready-perf-optimization 原始文档 https://github.com/wangfupeng1988/react-simple-o2o-demo/blob/getready-perf-optimization/doc...

300浏览 4推荐 1评论

【React.js模仿大众点评webapp】实战教程(6)使用fetc

fetch 获取/提交数据,以及开发环境下的数据 Mock 源码地址:https://github.com/wangfupeng1988/react-simple-o2o-demo/tree/getready-fetch 在 jQuery 开发时代,jQuery 已经为我们封装了非常优雅的 ajax 函数,并且针对各个浏览器都做了很好的兼容,非常棒。但是如果你用 React vue 或者 angu...

280浏览 1推荐 0评论

react资源汇总(react-tutorial)

react-tutorial a tutorial react collection and sort,let you easily get started and organized 主要是搜集整理react生态从入门到深入的教程、工具和自己做的demo,以便日后查阅 :blush: 包括<a href="#web">web端</a>和移动端(<...

709浏览 5推荐 0评论

【React.js模仿大众点评webapp】实战教程(5)redux基

介绍 Redux 源码地址:https://github.com/wangfupeng1988/react-simple-o2o-demo/tree/getready-redux-width-react Redux是一个数据状态管理插件,搭配 React 特别合适,详细的用法可见Redux官网 使用场景 无论是移动端还是 pc 端,当你使用 React 或者 vue 开发组件化的 SPA 程序时,...

367浏览 2推荐 1评论

React + Typescript + Webpack 开发环境配置

对于复杂或多人开发的 React 项目来说,管理和使用每个组件的 props 、 state 或许会成为一件让人头痛的事情,而为每一个组件写文档,成本也会比较大,对项目的开发效率也不是最理想的。 Typescript 给 React 带来很多好处: 在组件头部定义 interface,让每个人在拿到组件的第一时间就可以很明确知道该组件需要使用的 props 和 state; 在编译中发现问题,减少...

393浏览 1推荐 0评论

正确的安装和使用nvm(mac) 原创

前言 目前主流的node版本管理工具有两种,nvm和n。两者差异挺大的,具体分析可以参考一下淘宝FED团队的一篇文章: 管理 node 版本,选择 nvm 还是 n? 总的来说,nvm有点类似于 Python 的 virtualenv 或者 Ruby 的 rvm,每个node版本的模块都会被安装在各自版本的沙箱里面(因此切换版本后模块需重新安装),因此考虑到需要时常对node版本进行切换测试兼容性...

518浏览 2推荐 0评论

【React.js模仿大众点评webapp】实战教程(2)React

源码地址 https://github.com/wangfupeng1988/react-simple-o2o-demo/tree/getready-react 原始文档 https://github.com/wangfupeng1988/react-simple-o2o-demo/blob/getready-react/docs/README.md React 基础知识介绍 本章节会介绍一些 R...

574浏览 5推荐 1评论

【React.js模仿大众点评webapp】实战教程(1)搭建 web 原创

教程源码: https://github.com/wangfupeng1988/react-simple-o2o-demo/tree/getready-webpack 文档原文:https://github.com/wangfupeng1988/react-simple-o2o-demo/blob/getready-webpack/docs/README.md 搭建 webpack + React...

667浏览 4推荐 0评论

React Redux Sever Rendering实战

React Redux Sever Rendering(Isomorphic JavaScript) 前言 由于可能有些读者没听过 Isomorphic JavaScript 。因此在进到开发 React Redux Sever Rendering 应用程式的主题之前我们先来聊聊 Isomorphic JavaScript 这个议题。 根据 Isomorphic JavaScript 这个网站的说...

322浏览 2推荐 0评论
首页上一页123下一页尾页

推荐作者

热门手记

意见反馈 常见问题 APP下载
官方微信