ホームページ >ウェブフロントエンド >jsチュートリアル >React+Redux で開発した Meituan アプリの例

React+Redux で開発した Meituan アプリの例

零下一度
零下一度オリジナル
2017-06-26 11:22:382369ブラウズ

README.md

はじめに

开始学习React的时候,在网上找了一些文章,读了官网的一些文档,后来觉得React上手还是蛮简单的,  
然后就在网上找了一个React实战的练手项目,个人学完之后觉得这个项目很适合初学者或者进阶的朋友  
练习,在此分享跟大家

プロジェクト紹介

该项目类似与大众点评,美团等一些O2O的软件,功能相似,但由于是练手的项目,目的在于React+Redux  
的应用,所以在一些功能上会简化,功能稍后点评,先让大家看效果

プロジェクトデモ

React+Redux で開発した Meituan アプリの例

GitHubアドレス
オンラインデモ

機能紹介

1. ホームページ開発GitHubアドレス
Main Page

2.ページGitHubアドレス
City Page

3. 検索結果ページGitHubアドレス
Search Page

4. 詳細ページGitHubアドレス
Detail Page

5.
Login Page

6. コレクションと購入GitHubアドレス
Buy&&Store Page

7.パーソナルセンターページGitHubアドレス
User Page

8.評価関数GitHubアドレス
Comment Page

システム&テクニカル分析

如果没有了解[React]()和[Redux]()的初学者可以先去网上找一些资料  
和博客看一下,先入门,最好是到去看官方文档。

- React

框架React提供模块开发的规范,每一个组件,每一个页面当做一个模块Component,极大便捷了团队的开发,同时可以很  
方便做到组件的分离

- redux是一个数据管理容器,可以很方便的实现组件之间的数据共享,由于React的数据流是单向的,不像Angular等其  
他的双向数据流的框架,所以React会结合Flux或者Redux来开发使用。官方的概念晦涩难懂, 理解了state, store,   
action,reducer之后再看就能理解了

>Redux is a predictable state container for JavaScript apps.

- less
 一种css的预编译语言。这个项目中的样式和布局还是div+css.

- 管理工具git&webpack&npm
 git作为代码的托管工具,webpack作为开发的管理工具,npm包管理

 - 后台模拟数据KOA

概要

rrreえー

rree
説明

rree

以上がReact+Redux で開発した Meituan アプリの例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。