• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

peter-mouland/react-lego: React-lego : incrementally add more cool stuff to your ...

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称:

peter-mouland/react-lego

开源软件地址:

https://github.com/peter-mouland/react-lego

开源编程语言:

JavaScript 93.3%

开源软件介绍:

This version is currently being update for 2018. The previous react-lego, with older version of tech and upgrade paths, can be found react-lego-2017

React Lego 2018 CircleCI

The building blocks of a react app

This repo demonstrates how to plug in other technologies, one block at a time, into React.

Hear me out!

The concept is to use GitHub's branch-comparison screens to quickly demo the code changes that are needed for only the technology you are interested in.

A client-side React app which is fully tested and production ready on the master branch.
From Master, Server-side Rendering (SSR) has been added with Koa v2 (for Express see react-lego-2016).
Every other branch then adds one more technology, with the smallest possible changes.

All branches, have been setup with continuous deployment.

>> More about the react-lego concept

What else the Base React app have?

It is production ready and fully tested :

All other branches include the above and build on this base.

Technology to Add:

All branches use babel v7, React v16.2, react-router v4, Webpack v4 unless otherwise stated

The Code changes column is where you go if you want to see how the code changed from the previous branch. This is a great place to see how to do it yourself.

Category Code changes App size (node_modules) Comparator kb
Client-side Rendering React 23kb (+152kb)
Server-side Rendering add Koa v2 22kb (+153kb)
CSS add CSS Imports 22kb (+153kb ) CSS Modules >> More about adding CSS
State Management add Redux 22kb (+188kb) >> More about adding Redux

Previous branches still to be updated

These branches are from React Lego 2017 and are on my 'todo' list to update!

Category New Tech Code changes Client-side App (kb) Comparator kb
Client-side Rendering Preact > Preact code vs React tbc >> More about adding Preact
State Management Async routes add async routes tbc >> More about adding Promise middleware
Assets Importing SVGs
Assets Responsive Images with PNGs
Data API GraphQL add GraphQL tbc Apollo tbc

What else ?

I have a few articles that may be interesting to read covering all the branches in this repo: >> wiki


** Something missing? Please see react-lego-2017 or react-lego-2016 or submit a feature request!**





鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap