JS, React, Webpack

tutorial.md

JS

• Обзор ES6 - https://github.com/lukehoban/es6features
• Видеобзор ES6 и Webpack - https://www.youtube.com/watch?v=Ec08hAiCJj4
• ES6 из лекции - https://gist.github.com/nikneroz/baed5220c848c82323c1676fcb7f3e4f
• Typescript из лекции - https://gist.github.com/nikneroz/14043f93bff356e9c1b6c338c467c009
• React & Redux из лекции - https://gist.github.com/nikneroz/b07d31848634b0069225e69db567f486

Webpack

• Знакомство с Webpack - https://proglib.io/p/webpack-in-15/
• Видеознакомство(только это видео, остальные в листе плохие) - https://www.youtube.com/watch?v=HvUatWnQa60
• Webpack Loaders(утилита для правильно транспайлинга) - https://medium.com/a-beginners-guide-for-webpack-2/webpack-loaders-css-and-sass-2cc0079b5b3a
• Webpack Dev Server(Сервер вебпак и конфиги к нему) - https://github.com/webpack/docs/wiki/webpack-dev-server

React

• Стандартный темплейт от facebook - https://github.com/facebook/create-react-app
• Правильный подход к организации структуры - https://hackernoon.com/fractal-a-react-app-structure-for-infinite-scale-4dab943092af
• Объяснение фрактальной структуры - https://github.com/davezuko/react-redux-starter-kit/wiki/Fractal-Project-Structure

React structure examples

• Simple structure - https://daveceddia.com/react-project-structure/
• Folder components - https://medium.com/styled-components/component-folder-pattern-ee42df37ec68
• Fractal components https://medium.com/@alexmngn/how-to-better-organize-your-react-applications-2fd3ea1920f1
• Screens components - https://gist.github.com/ryanflorence/daafb1e3cb8ad740b346

React best practices

• Статьи - https://github.com/markerikson/react-redux-links/blob/master/react-architecture.md
• Примеры - https://engineering.musefind.com/our-best-practices-for-writing-react-components-dec3eb5c3fc8

React docs

• React.Component - https://reactjs.org/docs/react-component.html
• Lifecycle - https://reactjs.org/docs/state-and-lifecycle.html
• Как лучше организовывать код - https://camjackson.net/post/9-things-every-reactjs-beginner-should-know

Дополнительные инструменты

• Список библиотек - https://github.com/brillout/awesome-react-components
• Styled Components - https://github.com/styled-components/styled-components
• MomentJS - https://github.com/moment/moment
• React Select - https://github.com/JedWatson/react-select
• HTTP запросы - https://github.com/axios/axios