React<一>初接触

前端之家收集整理的这篇文章主要介绍了React<一>初接触前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

前言

把自己学习新东西的路径记录下来,包括学习资源的查找和学习过程的思考,相信这些是比学习内容本身更重要的东西,供初学者参考,当然,非常欢迎给我提出学习意见!

step1 大牛的入门博客

资源

一直很喜欢阮一峰老师写的东西,总能把知识讲的通俗易懂,极适合入门,
React 入门实例教程

工具

工欲善其事,必先利其器:
我使用的是sublime编辑器,加入了有关react的插件sublime-react
利用sublime可以轻松的进行语言切换,相信你很容易就能搜到sublime如何利用快捷键设置语言

一些demo的相关理解

demo 十

辅助生命周期理解的图:

demo 十一

promise的讲解:
Promise对象

demo 十三

按照README.md跑demo
重点关注src目录下的三个文件

  • server.js

在3000端口跑起了这个demo的服务, 头部以node的方式引入所需的模块, 服务器使实例中确定了相关路由下的操作,创建了DOM节点,
给组件App传递了参数,并调用bundle。

  • app.js

头部导入导出模块,快快引用机制:Module
编写了组件

  • browser.js

插入DOM节点,渲染组件

step2 以兴趣为导向

来点灵感

编程是一件很有意思的事情,可以为自己量身定制小工具,玩转各种小功能
你是否有自己迫不及待想要实现的东西呢?

我的想法

分享一下我的吧,目前在找工作,投简历,我需要一个简历状态纪录器来帮我整理简历状态。

  1. 我需要一个公司箩筐,我可以向里面添加删除我想申请的公司,箩筐里的公司有四种状态:未投递、已投递、投递失败、成功

  2. 我还需要有简历状态变更管理,已投递的简历分为网申和内推两种,其中内推简历根据公司规定有内推后不可网申的标示,已投递的简历每个简历都有自己的状态:投递、初筛、笔试、初试、复试、HR面试、offer

  3. 我还需要查询功能:在箩筐中可以通过搜索状态查找公司,在进度表里可以通过搜索状态筛选公司。

  4. 功能加强,加入图示,为了直观,我想把已投递公司的状态以图的形式展现出来。
    以我现有的初学水平,我简单实现了这个纪录器的基本模型,

记录问题

吭哧吭哧实现了简陋的第1、2个需求,
把实现代码放到了git上,我会把这个小东西不断完善,感兴趣的可以查看代码,欢迎star并watching,跟踪这个小应用的实现过程,重点关注我每次push都实现了什么,而不用太过仔细的看代码,因为毕竟我是初学者,细节之处有很多漏洞,我会把注释写的很清楚,方便大家阅读代码。实现过程中总会遇到各种问题,每次push在README中写清楚了我的进展、问题和解决。如果你对这个应用感兴趣,欢迎加入我,我们一起成长!

初学规划

要知道这是学习一门技术从零到一的过程,是比较困难的,会感觉自己的代码糟糕,进展慢,所有大牛都是一步步走过来的,我已经可以用这门新的技术解决实际问题了,很期待更多的了解这门技术,看看熟悉之后他能如何改进我的实现流程。
我不想闭门造车,想多看看这些功能,别人是怎么实现的。专业的写法是怎样的,首先我想到了官网,于是我准备做一遍官网的demo,看看这些demo我有哪些可取之处。

step3 官方文档

我选择了中文文档,看官网的demo,动手敲一边,同时,完善我的小应用,需要时写博客

博文说明

React为一系列文章,我会坚持更新,持续记录成长

相关文档

React<二>入门

猜你在找的React相关文章