GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → wx-chevalier → M Fe Boilerplates

wx-chevalier / M Fe Boilerplates

Licence: mit
Lucid & Futuristic Production Boilerplates For Frontend(Web) Apps, React/RN/Vue, with TypeScript(Optional), Webpack 4/Parcel, MobX/Redux 💫 多技术栈前端项目模板

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

reactreduxwebpackboilerplatemobxwebpack2

Projects that are alternatives of or similar to M Fe Boilerplates

React Redux Styled Hot Universal
react boilerplate used best practices and focus on performance
Stars: ✭ 147 (-83.24%)
Mutual labels:  webpack, webpack2, boilerplate
Thinkful Workshop React Redux Node Mongodb Webpack2
Stars: ✭ 12 (-98.63%)
Mutual labels:  webpack, webpack2, boilerplate
React Cordova Boilerplate
TodoMVC example for react with development tools to build a cordova application
Stars: ✭ 206 (-76.51%)
Mutual labels:  webpack, webpack2, boilerplate
Iceberg
Front-End Boilerplate built with React + Babel + Webpack + SASS
Stars: ✭ 144 (-83.58%)
Mutual labels:  webpack, webpack2, boilerplate
React Mobx Typescript Boilerplate
A bare minimum frontend boilerplate with React 16.7, Typescript 3.2 and Webpack 4
Stars: ✭ 378 (-56.9%)
Mutual labels:  webpack, boilerplate, mobx
Secure Electron Template
The best way to build Electron apps with security in mind.
Stars: ✭ 623 (-28.96%)
Mutual labels:  webpack, boilerplate
Vue Crud
Vue.js based REST-ful CRUD system
Stars: ✭ 629 (-28.28%)
Mutual labels:  webpack, boilerplate
React Webpack Typescript Starter
Minimal starter with hot module replacement (HMR) for rapid development.
Stars: ✭ 632 (-27.94%)
Mutual labels:  webpack, boilerplate
Bozon
🛠 Command line tool for building, testing and publishing modern Electron applications
Stars: ✭ 687 (-21.66%)
Mutual labels:  webpack, boilerplate
Redux Webpack Es6 Boilerplate
A starter project for modern React apps with Redux
Stars: ✭ 566 (-35.46%)
Mutual labels:  webpack2, boilerplate
Vortigern
A universal boilerplate for building web applications w/ TypeScript, React, Redux, Server Side Rendering and more.
Stars: ✭ 647 (-26.23%)
Mutual labels:  webpack, boilerplate
Minimal React Webpack Babel Setup
The minimal React, Webpack, Babel Setup. You want to get beyond create-react-app?
Stars: ✭ 777 (-11.4%)
Mutual labels:  webpack, boilerplate
React App
Create React App with server-side code support
Stars: ✭ 614 (-29.99%)
Mutual labels:  webpack, boilerplate
Webpack React Redux
A boilerplate for playing around with react, redux and react-router with the help of webpack.
Stars: ✭ 612 (-30.22%)
Mutual labels:  webpack, boilerplate
Ignite Bowser
Bowser is now re-integrated into Ignite CLI! Head to https://github.com/infinitered/ignite to check it out.
Stars: ✭ 586 (-33.18%)
Mutual labels:  boilerplate, mobx
React Isomorphic Boilerplate
🌟 An universal React isomorphic boilerplate for building server-side render web app.
Stars: ✭ 653 (-25.54%)
Mutual labels:  webpack, boilerplate
Easy Vue
Learn vueJS Easily 👻
Stars: ✭ 896 (+2.17%)
Mutual labels:  webpack, webpack2
Node Addon Loader
A loader for node native addons
Stars: ✭ 17 (-98.06%)
Mutual labels:  webpack, webpack2
Wp Vuejs
WordPress VueJS Starter Theme
Stars: ✭ 19 (-97.83%)
Mutual labels:  webpack, boilerplate
Webpack2 Express Heroku Starter
Starter app using Webpack 2, Express, setup to deploy to Heroku.
Stars: ✭ 12 (-98.63%)
Mutual labels:  webpack, webpack2
View All Similar Projects ➔

中文版本 | English Version

fe-boilerplate

fe-boilerplate 是笔者对于日常工作中的基于 React/Vue.js 技术栈与实践的收集(部分模板修改自其他项目)与沉淀，dev-config/ 与 package.json 构成了基础的脚手架，支持最新的开发流程与默认的生产环境优化。

为了方便不同级别/熟练程度的开发者使用，笔者将模板尽可能地泛化为多个项目，包含了从入门级到生产环境，微前端等多个不同层次/复杂度的模板项目。其中，模板特性可能包括或不限于以下：

  • 技术栈支持：使用 ES6/ES7 语法、允许使用 CSS Modules、SCSS、Less(CSS Modules) 并且使用 PostCSS 进行自动 Polyfill、支持使用 styled-component 进行 CSS-in-JS 样式控制、使用 TypeScript 作为静态语言、使用 Jest 作为默认的测试框架；

  • 开发环境：使用 WebpackDevServer 部署开发服务器、支持组件热加载、使用 TS/Babel 进行代码转换、使用 ESLint 进行代码检测、使用 DllPlugin 作为开发环境下公共代码提取工具以优化编译速度；

  • 生产环境：使用 CommonChunksPlugin*(Webpack 4 中提供了 optimization 选项) 作为生产环境下公共代码提取工具、使用 Prepack & prepack-webpack-plugin 进行代码优化、使用 offline-plugin 添加简单的 PWA 特性增强；

  • 部署方式：支持独立部署(HashRouter)、支持服务端部署、支持服务端渲染；

TOC | 目录索引

项目索引

关联项目

  • react-snippets: React Snippets(.ts/.tsx), about design patterns/techniques used while developing with React and TypeScript.

  • vue-snippets: Vue Snippets(.js/.ts), about design patterns/techniques used while developing with Vue and JavaScript/TypeScript.

  • m-fe-husky-config：Common Dev Configs(ESLint, Prettier, Husky, etc.) for Micro-Frontend Apps

  • m-fe-rtw: Micro-Frontend boilerplate with React & TypeScript & Webpack, for complicated cooperative applications. | 微前端项目模板

  • m-fe-vtw: Micro-Frontend boilerplate with Vue & TypeScript & Webpack, for complicated cooperative applications. | 微前端项目模板

  • fractal-components: Massive Fractal Components in Several Libraries(Vanilla, React, Vue, Weapp), for building your great apps easily again

  • Legoble: Build your apps like stacking Lego blocks 💫总想自己实现一款可视化配置的动态应用构建工具，动态表单、动态布局、动态报告、动态规则、动态选择、动态流程

About

  • 子项目命名方式：主体-子关键字 混合项目命名方式：框架-语言/机制-工具

Copyright & More | 延伸阅读

笔者所有文章遵循 知识共享 署名-非商业性使用-禁止演绎 4.0 国际许可协议，欢迎转载，尊重版权。您还可以前往 NGTE Books 主页浏览包含知识体系、编程语言、软件工程、模式与架构、Web 与大前端、服务端开发实践与工程架构、分布式基础架构、人工智能与深度学习、产品运营与创业等多类目的书籍列表：

NGTE Books

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].