awesome-front-end
awesome-front-end copied to clipboard
luqin
A curated list of awesome front end resources. 前端资源收藏，欢迎点击 watch 订阅更新
## 文章 - [前端工程——基础篇](https://github.com/fouber/blog/issues/10) - [浅谈前端集成解决方案](https://github.com/fouber/blog/issues/1) - [前端工程精粹（一）：静态资源版本更新与缓存](http://www.infoq.com/cn/articles/front-end-engineering-and-performance-optimization-part1) - [前端工程精粹（二）：静态资源管理与模板框架](http://www.infoq.com/cn/articles/front-end-engineering-and-performance-optimization-part2) - [使用lerna管理大型前端项目](https://www.jianshu.com/p/2f9c05b119c9) ## 博客 - [fouber/blog](https://github.com/fouber/blog) ## 其他 [致我们终将组件化的 Web (长文多图)](http://www.alloyteam.com/2015/11/we-will-be-componentized-web-long-text/) [前端工程之模块化](http://fex.baidu.com/blog/2014/03/fis-module/) [前端模块化](http://www.cnblogs.com/dolphinX/p/4381855.html) [前端工程与性能优化](http://fex.baidu.com/blog/2014/03/fis-optimize/) [前端优化带来的思考，浅谈前端工程化](http://www.cnblogs.com/yexiaochai/p/4901341.html) [2016年JavaScript技术栈展望](http://www.w3cplus.com/javascript/state-of-the-art-javascript-in-2016.html?utm_source=tuicool&utm_medium=referral) [前端重构之路（技术选型篇）](https://imochen.com/2015/12/23/the-path-of-the-front-end-refactoring-technology-selection/) [前端重构之路（组件化）](https://imochen.com/2016/01/09/the-path-of-the-front-end-refactoring-componentization/index.html)
- [移动Web单页应用开发实践——页面结构化](https://github.com/maxzhang/maxzhang.github.com/issues/8) - [如何增强单页应用的体验](https://github.com/xufei/blog/issues/35) - [你不知道的前端新特性](https://ppt.baomitu.com/display?slide_id=84a42e3e#/1)
React 收藏
## 教程 [react-webpack-cookbook](https://christianalfoni.github.io/react-webpack-cookbook) [React 入门教程 翻译](https://hulufei.gitbooks.io/react-tutorial) [深入浅出React](https://github.com/luqin/awesome-front-end/issues/52) [React 文档中文翻译](http://reactjs.cn/) [petehunt/react-howto](https://github.com/petehunt/react-howto) - 如何学习React ## 文章 [轻松入门React和Webpack](https://github.com/tmallfe/tmallfe.github.io/issues/23) [基于react构建spa应用](http://cnedwan.com/2015/08/22/%E5%9F%BA%E4%BA%8EReact%E6%9E%84%E5%BB%BAspa%E5%BA%94%E7%94%A8.html) [ReactJS实践（一）—— FrozenUI React化之Loading组件](http://www.cnblogs.com/vajoy/p/4805259.html) [React单元测试——十八般兵器齐上阵，环境构建篇](http://www.cnblogs.com/vajoy/p/4926037.html) [React 组件，元素和实例](http://www.oschina.net/translate/react-components-elements-and-instances) [Smooth Game Animations in React](https://medium.com/tech-quizlet/smooth-game-animations-in-react-df43ece916c8) - 文章通过react-tween-state、VelocityJS、CSS keyframes并结合demo，给出了3种不同的animation的解决方案。...
自定义Validator http://blog.thoughtram.io/angular/2016/03/14/custom-validators-in-angular-2.html
## 教程 - [react-webpack-cookbook](https://christianalfoni.github.io/react-webpack-cookbook) - [AriaFallah/WebpackTutorial](https://github.com/AriaFallah/WebpackTutorial) - A simple webpack tutorial - [zhaoda/webpack-handbook](https://github.com/zhaoda/webpack-handbook) ## 文章 - [webpack-howto](https://github.com/petehunt/webpack-howto) by @petehunt - [Start your own JavaScript library using webpack and ES6](http://krasimirtsonev.com/blog/article/javascript-library-starter-using-webpack-es6) ##...
# React Native ## 教程 - [React Native中文翻译文档](http://reactnative.cn/docs/) - [React-Native入门指南](https://github.com/vczero/react-native-lession) ## 文章 - [react-native 与 react-web 的融合](https://github.com/tmallfe/tmallfe.github.io/issues/20) - [React Native概述：背景、规划和风险](https://github.com/tmallfe/tmallfe.github.io/issues/18) - [react-native 之布局篇](https://github.com/tmallfe/tmallfe.github.io/issues/19) - [ionic和react native的区别](https://github.com/superbug/blog/issues/1) - [“指尖上的魔法” -- 谈谈React-Native中的手势](https://github.com/jabez128/jabez128.github.io/issues/1)...
Docker
## 文章 [Docker简明教程(以安装wget程序为例)](http://www.cnblogs.com/alexkn/p/3875937.html?utm_source=tuicool&utm_medium=referral) [云上应用docker化持续交付实践 — 完整版](https://yq.aliyun.com/articles/32071)
## 判断文件是否存在 ``` if (-e "${document_root}/static${uri}") { rewrite ^/(.*)$ /static/$uri break; } if (-e $request_filename) { break; } ``` ``` set $static "/static"; try_files $static$uri $static$uri/index.html /index.php; ``` ``` location...
## 文章 [PostCSS深入学习: 结合BEM和SUIT方法使用PostCSS](http://www.w3cplus.com/PostCSS/using-postcss-with-bem-and-suit-methodologies.html) [如何管理多个sass项目，有没有一些高效的开发流程？](https://www.zhihu.com/question/29239526) [你是如何去组织项目中的 Less/Sass 代码的？](https://www.zhihu.com/question/35708352) [管理Sass项目文件结构](http://www.w3cplus.com/preprocessor/architecture-sass-project.html) [使用Sass定制个性化样式](http://www.w3cplus.com/preprocessor/themed-styles-with-sass.html) [何时使用 Em 与 Rem](http://webdesign.tutsplus.com/zh-hans/tutorials/comprehensive-guide-when-to-use-em-vs-rem--cms-23984) ## 资源 - [Huxpro/css-sucks-2015](https://github.com/Huxpro/css-sucks-2015) Keynote: CSS Still Sucks 2015 & POCss [Watch Slides](http://huangxuan.me/css-sucks-2015) - [myth-of-css-frameworks](http://johnhax.net/2015/myth-of-css-frameworks/) -...
[redux-in-chinese](https://github.com/camsong/) - Redux 中文文档 [react-redux-links](https://github.com/markerikson/react-redux-links) [使用Redux管理你的React应用](https://github.com/matthew-sun/blog/issues/18) [深入到源码：解读 redux 的设计思路与用法](https://github.com/Lucifier129/Lucifier129.github.io/issues/9) [redux 资料收集](https://github.com/xuanxiao2013/f2e-practice/issues/3) by @xuanxiao2013