Современные инструменты JavaScript с React - Видеоуроки

Modern JavaScript Tooling with React
Duration 02:27:23
Открыть все курсы от egghead
Облачный хостинг на SSD с лучшей техподдержкой! Развернуть приложение в один клик

Создание приложения с помощью React обычно включает в себя несколько инструментов. Независимо от того, настраиваете ли вы их самостоятельно или используете инструмент, предназначенный для спасения вас от конфигурации, такой как Create React App, эти инструменты все еще есть. Когда вы сталкиваетесь с ситуацией, когда вам нужно начинать с нуля или вносить изменения в конфигурацию веб-пакета или Babel, это помогает понять, что делает каждый инструмент, как они сочетаются друг с другом и как они настроены.

В этом курсе мы начнем с пустой директории и к концу настроим тонкий, но мощный шаблонный проект. Попутно мы коснемся каждого из основных инструментов и подготовимся к окончательной настройке, чтобы получить представление о назначении каждого инструмента и о том, как они все работают вместе, чтобы помочь вам создать и доставить приложение.

https://github.com/avanslaars/egghead-react-boilerplate/

Название ветки соответствует названию урока.

Полный список уроков Развернуть / Свернуть
  • Урок 1. Course Overview: Modern JavaScript Tooling with React 00:00:51
  • Урок 2. Initialize an npm Project and git Repository 00:04:06
  • Урок 3. Add a Project and Push Changes to GitHub with git 00:06:02
  • Урок 4. Install webpack and create a default bundle 00:02:31
  • Урок 5. Explicitly Define an Entry Point with a webpack Configuration File 00:09:19
  • Урок 6. Control the Output of webpack with the mode Setting 00:03:28
  • Урок 7. Transform Modern JavaScript Features with Babel 00:05:02
  • Урок 8. Configure webpack to Load JavaScript Files through Babel with babel-loader 00:02:18
  • Урок 9. Configure babel for React with preset-react 00:03:56
  • Урок 10. Inject a JavaScript bundle into HTML with the HtmlWebpackPlugin 00:03:02
  • Урок 11. Update your Bundle with each File Save with webpack's watch Mode 00:01:45
  • Урок 12. Create Separate webpack Configs for Development and Production with webpack-merge 00:04:26
  • Урок 13. Serve a webpack Bundle while Developing with webpack-dev-server 00:04:01
  • Урок 14. Generate Source Maps through webpack for a Better Debugging Experience with source-map 00:02:56
  • Урок 15. Support Proposed JavaScript Features with Babel Plugins 00:03:40
  • Урок 16. Automatically Import CSS in JavaScript with webpack using style-loader and css-loader 00:03:26
  • Урок 17. Hot Reload a React App in Development with react-hot-loader 00:06:24
  • Урок 18. Avoid Duplicate Commands by Calling one NPM Script from Another 00:02:00
  • Урок 19. Analyze a Production JavaScript Bundle with webpack-bundle-analyzer 00:05:53
  • Урок 20. Externalize Dependencies to be Loaded via CDN with webpack 00:07:02
  • Урок 21. Target specific browsers with babel-preset-env and the babel pollyfill 00:05:11
  • Урок 22. Asynchronously Load webpack Bundles through Code-splitting and React Suspense 00:04:11
  • Урок 23. Run a Simple Test with Jest in a React App 00:02:27
  • Урок 24. Set Up Tests that Render a React Component with Jest and Babel 00:01:55
  • Урок 25. Set up Testing Globals in an Application with Jest 00:06:23
  • Урок 26. Configure Prettier to Automatically Format Code 00:06:41
  • Урок 27. Avoid Common JavaScript Errors with ESLint 00:02:42
  • Урок 28. Check for Accessibility Issues in JSX with the jsx-a11y ESLint Plugin 00:05:42
  • Урок 29. Run Linting, Tests and Prettier in git Hooks with Husky 00:09:00
  • Урок 30. Avoid Deprecated React APIs with React.StrictMode 00:03:04
  • Урок 31. Create an Error Boundary for a React App 00:04:10
  • Урок 32. Define Prop Types for a React Class Component 00:01:21
  • Урок 33. Check for Accessibility Issues in the Browser with react-axe 00:04:14
  • Урок 34. Create a New Project by Cloning the Boilerplate Project 00:08:14
Этот курс находится в платной подписке!

И будет доступен в бесплатном просмотре 05.03.2019. Если у тебя еще нет у нас аккаунта - зарегистрируйся и оформи премиум подписку в своем личном кабинете, и смотри этот, а также многие другие курсы, прямо сейчас.

Следи за последними обновлениями и новостями в нашем coursehunter-club.net (Ex coursehunters.club), или вступай в наш канал telegram.

Комментарии

Последнее добавленное

Полный курс по программированию на Python для начинающих

Полный курс по программированию на Python для начинающих

en
Изучите Python для AI, машинного обучения, науки о данных и разработки приложений. Математики, ученые и инженеры любят Python. Почему? Потому что он делает сложные вычисления и повторяющиеся задачи действительно простыми для написания и выполнения. Разработчики любят его, потому что он простой...
Python для анализа данных

Python для анализа данных

ru
«Данные — это новая нефть». Они помогают усовершенствовать продукт, привлечь новых пользователей и являются драйвером роста любой компании. Компании во всем мире используют Python для сбора и анализа данных. В Uber, Yandex и Facebook, знание Python является обязательным требованием при приеме...
Flutter и Dart: полноценное мобильное приложение™

Flutter и Dart: полноценное мобильное приложение™

en
Изучение того, как создавать приложения для iOS и Android, с полным демонстрационным примером на основе Dart и Flutter Framework. Flutter - это SDK для мобильных приложений, предназначенный для создания высококачественных собственных интерфейсов на iOS и Android в рекордно короткие сроки. Flutter ра
Flutter: кроссплатформенное приложение iOS / Android

Flutter: кроссплатформенное приложение iOS / Android

en
Создавайте кроссплатформенные красивые нативные приложения в рекордно короткие сроки. Flutter - это SDK для мобильных приложений, в комплекте с фреймворком, виджетами и инструментами, который предоставляет разработчикам простой и продуктивный способ создания и развертывания красивых мобильных...
Программирование на Dart от новичка до эксперта

Программирование на Dart от новичка до эксперта

en
Изучите Dart с уровня Beginner и станьте экспертом, который может начать изучать Flutter, AngularDart и многое другое. В этом курсе вы узнаете все, что вам нужно знать о Dart. Dart - это язык, который становится популярным день ото дня, и разработчики по всему миру стремятся к этому языку...
Понятный JavaScript (Middle)

Понятный JavaScript (Middle)

ru
Хочешь стать JavaScript разработчиком, систематизировать знания и выйти на совершенно новый уровень! Курс «Понятный JavaScript» — это комплексная программа обучения, которая позволит тебе полностью изучить с нуля главный язык Frontend разработчика. Уже через 3 месяца ты будешь знать JavaScript...
chat
logo