{"id":15131719,"url":"https://github.com/wscats/react-tutorial","last_synced_at":"2025-04-05T14:09:26.354Z","repository":{"id":72736131,"uuid":"87943937","full_name":"Wscats/react-tutorial","owner":"Wscats","description":":tiger2:Some of the react tutorial - 《React学习笔记》","archived":false,"fork":false,"pushed_at":"2023-07-08T13:09:43.000Z","size":6961,"stargazers_count":426,"open_issues_count":24,"forks_count":65,"subscribers_count":17,"default_branch":"master","last_synced_at":"2025-04-05T14:09:20.229Z","etag":null,"topics":["react","react-router","react-tutorial","redux","tutorial"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Wscats.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null},"funding":"Thanks"},"created_at":"2017-04-11T14:27:16.000Z","updated_at":"2025-02-25T02:13:39.000Z","dependencies_parsed_at":null,"dependency_job_id":"6a69140f-9764-4a69-a6dd-2ef8b29623c5","html_url":"https://github.com/Wscats/react-tutorial","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Wscats%2Freact-tutorial","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Wscats%2Freact-tutorial/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Wscats%2Freact-tutorial/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Wscats%2Freact-tutorial/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Wscats","download_url":"https://codeload.github.com/Wscats/react-tutorial/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247345854,"owners_count":20924102,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["react","react-router","react-tutorial","redux","tutorial"],"created_at":"2024-09-26T04:00:54.747Z","updated_at":"2025-04-05T14:09:26.339Z","avatar_url":"https://github.com/Wscats.png","language":"JavaScript","readme":"# 认识 React\nReact 是 facebook 开源的一套框架，可总结为以下几个特点：\n- 基于 JSX 语法糖实现\n- JUST THE UI：在多层架构的设计模式中，React 并不算 MVC 的架构，它可理解为 MVC 的 V 层。\n- VIRTUAL DOM：虚拟DOM，是轻量的 js 对象，只保留了原生 dom 的一些常用的属性和方法。\n- DATA FLOW： React是单向响应的数据流。\n\n# 技术点\n- [JSX 语法](https://github.com/wscats/react-tutorial/tree/master/react/jsx)\n- [组件定义](https://github.com/wscats/react-tutorial/tree/master/react/component/src/define)\n- [组件渲染](https://github.com/wscats/react-tutorial/tree/master/react/component/src/render)\n- [组件事件](https://github.com/wscats/react-tutorial/tree/master/react/component/src/event)\n- [state](https://github.com/wscats/react-tutorial/tree/master/react/component/src/state)\n- [样式绑定](https://github.com/wscats/react-tutorial/tree/master/react/component/src/style)\n- [表单](https://github.com/wscats/react-tutorial/tree/master/react/component/src/form)\n- [组件通信](https://github.com/wscats/react-tutorial/tree/master/react/component/src/communication)\n- [生命周期](https://github.com/wscats/react-tutorial/tree/master/react/component/src/lifecycle)\n- [模块化（webpack）](https://github.com/wscats/react-tutorial/tree/master/react/webpack)\n- [脚手架（create-react-app）](https://github.com/wscats/react-tutorial/tree/master/react/create-react-app)\n- [调试工具（react-dev-tool）](https://github.com/wscats/react-tutorial/tree/master/react/react-devtool)\n- [路由（3.0）](https://github.com/wscats/react-tutorial/tree/master/react/router)[和（4.0）](https://github.com/wscats/react-tutorial/tree/master/react/router4)\n- Redux\n    - [Redux 简介和简单实现](https://github.com/wscats/react-tutorial/tree/master/react/redux)\n    - [Redux 跨组件通信之入门篇 —— combineReducers](https://github.com/wscats/react-tutorial/tree/master/react/redux/combineReducers)\n    - [Redux 跨组件通信之进阶篇 —— Provider 和 connect](https://github.com/wscats/react-tutorial/tree/master/react/redux/connetProvider)\n    - [Redux 跨组件通信之高级篇 —— 中间件](https://github.com/wscats/react-tutorial/tree/master/react/redux/middleware)\n- [项目应用](https://wscats.github.io/react-tutorial/react/reactERP/index.html#/login)\n- [其他案例](https://github.com/Wscats/react-tutorial/blob/master/CASE.md)\n- [纲要总结](https://github.com/Wscats/react-tutorial/blob/master/react/summery/summery.md)\n\n# 题外话\n\n这份教程是综合了[Y.Pig](https://github.com/Wscats/react-tutorial)和[DK](https://github.com/dk-lan/react)的内容，因为代码和文档比较多，整理中如有疏漏或者错误，可以在 Issues 中提出，多多谅解，希望对你们有帮助，如果你喜欢可以点个 Star 或者 Fork ，谢谢~","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwscats%2Freact-tutorial","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwscats%2Freact-tutorial","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwscats%2Freact-tutorial/lists"}