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 → krambertech → React Essential Course

krambertech / React Essential Course

ITVDN - React Essential course materials

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

reactwebpackflux-architecture

Projects that are alternatives of or similar to React Essential Course

Spike
A modern static build tool, powered by webpack
Stars: ✭ 462 (-6.67%)
Mutual labels:  webpack
Elf
灵活可扩展的 HTML5 构建工具
Stars: ✭ 479 (-3.23%)
Mutual labels:  webpack
Webpack Encore Pack
Stars: ✭ 492 (-0.61%)
Mutual labels:  webpack
Blog React
react + Ant Design + 支持 markdown 的博客前台展示
Stars: ✭ 463 (-6.46%)
Mutual labels:  webpack
Offline Plugin
Offline plugin (ServiceWorker, AppCache) for webpack (https://webpack.js.org/)
Stars: ✭ 4,444 (+797.78%)
Mutual labels:  webpack
Artsy Webpack Tour
Annotations on webpack source code in a pseudo-guided fashion.
Stars: ✭ 484 (-2.22%)
Mutual labels:  webpack
Cookiecutter Django Vue
Cookiecutter Django Vue is a template for Django-Vue projects.
Stars: ✭ 462 (-6.67%)
Mutual labels:  webpack
Faqguru
🎒 🚀 🎉 A list of interview questions. This repository is everything you need to prepare for your technical interview.
Stars: ✭ 4,653 (+840%)
Mutual labels:  webpack
Mailtolink
A quick and easy way to generate markup for mailto links without having to worry about the annoying formatting.
Stars: ✭ 478 (-3.43%)
Mutual labels:  webpack
Angular Hmr
🔥 Angular Hot Module Replacement for Hot Module Reloading
Stars: ✭ 490 (-1.01%)
Mutual labels:  webpack
Hyperstack
Hyperstack ALPHA https://hyperstack.org
Stars: ✭ 463 (-6.46%)
Mutual labels:  webpack
Awesome Webpack
A curated list of awesome Webpack resources, libraries and tools
Stars: ✭ 4,470 (+803.03%)
Mutual labels:  webpack
Backpack
🎒 Backpack is a minimalistic build system for Node.js projects.
Stars: ✭ 4,466 (+802.22%)
Mutual labels:  webpack
Ts Monorepo
Template for setting up a TypeScript monorepo
Stars: ✭ 459 (-7.27%)
Mutual labels:  webpack
Maia Yt
Currently codenamed maia-yt is a userscript (and browser extension) that enhances the user's experience on YouTube.
Stars: ✭ 493 (-0.4%)
Mutual labels:  webpack
Vue2 News
基于vue2 + vue-router + vuex 构建的一个新闻类单页面应用 —— 今日头条（移动端）
Stars: ✭ 462 (-6.67%)
Mutual labels:  webpack
Whybundled
Answers the question – Why the hell is this module in a bundle?
Stars: ✭ 477 (-3.64%)
Mutual labels:  webpack
Blog
梁少峰的个人博客
Stars: ✭ 4,602 (+829.7%)
Mutual labels:  webpack
Angular Electron
Ultra-fast bootstrapping with Angular and Electron (Typescript + SASS + Hot Reload) 🚤
Stars: ✭ 4,914 (+892.73%)
Mutual labels:  webpack
Babel Loader
📦 Babel loader for webpack
Stars: ✭ 4,570 (+823.23%)
Mutual labels:  webpack
View All Similar Projects ➔

Курс React Essential

ITVDN — Information Technology Video Developer Network

Содержание

УРОК 1: Введение в React

УРОК 2: Подробнее о компонентах

УРОК 3: Настройка окружения, подключение внешних библиотек и сборка

УРОК 4: ES2015, роутинг, CSS препроцессоры, PropTypes, контекст

УРОК 5: Работа с внешним API и архитектура Flux

УРОК 6: Написание полноценного SPA

Материалы

  1. У React очень хорошая документация
  2. Советую почитать о ES6
  3. Ну, и никто не отменял Google

FAQ

Где писать код?

Вы можете выбрать любой текстовый редактор или IDE на ваш вкус.

Atom ♥️

Я сейчас использую Atom, он бесплатный и классный :)

Вот мои любимые плагины для Atom:

Еще полезные плагины можно посмотреть тут

Sublime Text 2

Если вы используете Sublime, скачать его можно тут, есть версия для Windows, OS X и Ubuntu.

Список полезных плагинов для Sublime:

  • PackageControl — менеджер плагинов как установить
  • Emmet — набор сниппетов
  • SideBarEnhancements — значительно улучшает боковую панель (New File, New Folder, Duplicate, Copy, Move и тд)
  • SublimeCodeIntel — крутой автокомлит
  • Alignment — выстраивает все курсоры в одну линию по нажатию Ctrl+Alt+A
  • Super Calculator — позволяет делать математические вычисления по ALT+C
  • GitGutter — показывает измененные строки с момента последнего коммита
  • AutoFileName — автозаполнение путей к подключаемым файлам
  • ColorHighlighter — подсветка цвета в CSS/LESS
  • Jquery Snippet Pack — набор сниппетов для jQuery
  • babel — Подсветка для ES6, подсветка JSX
  • babel-snippets — сниппеты для React

Еще

Также можно использовать WebStorm, Nuclide, Visual Studio или другие.

Как писать код?

Очень советую ознакомиться с Javascript style guide.

Есть вопросы?

Пишите сюда

Нашли ошибку или опечатку?

Исправляйте и создавайте pull-request :)

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