All Projects → knightsj → Githubpopular Sj

knightsj / Githubpopular Sj

Licence: mit
慕课网实战课程:《React Native 开发跨平台 GitHub App》Demo

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Githubpopular Sj

reactjs-portfolio
Welcome to my portfolio react.js repository page.
Stars: ✭ 109 (-55.69%)
Mutual labels:  react-components, react-app
react-theme
Production ready Wordpress theme built with React, Redux, Redux-Thunk, Intl, React Router v4, etc... and packaged by Webpack 2. Enjoy!
Stars: ✭ 14 (-94.31%)
Mutual labels:  react-components, react-app
Griffith
A React-based web video player
Stars: ✭ 2,287 (+829.67%)
Mutual labels:  react-components
React Image Gallery
React carousel image gallery component with thumbnail support 🖼
Stars: ✭ 2,946 (+1097.56%)
Mutual labels:  react-components
Imooc React
慕课网 React 视频课程源代码
Stars: ✭ 203 (-17.48%)
Mutual labels:  react-app
React Vtree
React component for efficiently rendering large tree structures
Stars: ✭ 185 (-24.8%)
Mutual labels:  react-components
Yoshino
A themable React component library!Flexible Lightweight PC UI Components built on React! Anyone can generate easily all kinds of themes by it!
Stars: ✭ 216 (-12.2%)
Mutual labels:  react-components
Modali
A delightful modal dialog component for React, built from the ground up to support React Hooks.
Stars: ✭ 183 (-25.61%)
Mutual labels:  react-components
Coreui React
CoreUI React.js UI Components. CoreUI for React.js replaces and extends the Bootstrap javascript. Components have been built from scratch as true React.js hook components, without jQuery and unneeded dependencies.
Stars: ✭ 239 (-2.85%)
Mutual labels:  react-components
Nano Component
Fast & simple React component styles in under 1kb
Stars: ✭ 202 (-17.89%)
Mutual labels:  react-components
React Npm Boilerplate
Boilerplate for creating React Npm packages with ES2015
Stars: ✭ 226 (-8.13%)
Mutual labels:  react-components
React Ui Library Tutorial
📚React组件库搭建指南
Stars: ✭ 201 (-18.29%)
Mutual labels:  react-components
React Hn
React-powered Hacker News client
Stars: ✭ 2,174 (+783.74%)
Mutual labels:  react-app
Slider
React Slider
Stars: ✭ 2,681 (+989.84%)
Mutual labels:  react-components
React Materials
Migrate to: https://github.com/alibaba-fusion/materials
Stars: ✭ 189 (-23.17%)
Mutual labels:  react-components
React Native demo
react-native实现网易新闻和美团,实现大部分页面。使用最新的react-navigation等组件,同时支持安卓和iOS设备。
Stars: ✭ 237 (-3.66%)
Mutual labels:  react-components
React Components
List of React components I use and recommend
Stars: ✭ 182 (-26.02%)
Mutual labels:  react-components
Styled Bootstrap Components
The bootstrap components made with styled-components 💅
Stars: ✭ 196 (-20.33%)
Mutual labels:  react-components
Nooboss
NooBoss is an extension that handles your extensions like a boss!
Stars: ✭ 207 (-15.85%)
Mutual labels:  react-app
Element React
Element UI
Stars: ✭ 2,690 (+993.5%)
Mutual labels:  react-components

GitHubPopular-SJ

项目介绍

这是我在学习很火的实战课程《React Native 开发跨平台 GitHubPopular》后,写出的课程Demo,大家也可加入该课程学习提高自己。非常感谢该项目作者贾鹏辉老师的精心制作。

贾鹏辉老师还撰写了很多关于React Native的技术博客:贾鹏辉老师的技术博客,在里面可以学到很多关于React Native相关的知识。

已经实现了除调用友盟接口和集成CodePush的功能,并且对项目做了一点重构,而且做了一点优化。

更详细的中文介绍地址:掘金:从一个实战项目来看一下React Native开发的几个关键技术点

目录结构:

项目演示:

上排是iOS模拟器,下排是Android模拟器:

多主题切换:

多主题切换

交互展示:

运行方法(iOS)

1. 添加依赖包

在项目根目录下执行:npm install方法。

2. 打包运行

有两种方法可以启动模拟器运行:

  1. 在根目录下执行下面的命令:react-native run-ios,随后就可以自动启动本地服务,打开iOS模拟器运行项目。
  2. 找到iOS项目文件夹,用Xcode打开项目,点击运行按钮运行(也可以连接iPhone运行)。

To Do List

  1. 性能优化:在真机上的性能还有待提升,会将接下来研究的重点放在性能优化上。
  2. 加入Redux:性能提升以后,会引入Redux进行状态管理。
  3. 主题相关:更换字体大小

License

All source code is licensed under the MIT License.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].