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

Modern JavaScript Tooling with React
Duration 02:27:23
Открыть все курсы от egghead

Modern JavaScript Tooling with React - Полный список уроков

Развернуть / Свернуть
  • Урок 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

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

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

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

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

Твоя оценка

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

Комментарии

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

Сертифицированный Microsoft Azure разработчик - экзамен AZ-203

Сертифицированный Microsoft Azure разработчик - экзамен AZ-203

en
Этот курс существует для того, чтобы вы могли приобрести навыки, необходимые для сдачи сертификационного экзамена AZ-203: Разработка решений для Microsoft Azure, который затем принесет вам сертификат Microsoft Certified Developer Associate.
Microsoft Azure Architect Technologies - Экзамен AZ-300

Microsoft Azure Architect Technologies - Экзамен AZ-300

en
Этот курс призван помочь вам освоить необходимые навыки, необходимые для сертификационного экзамена Microsoft Azure AZ-300. Экзамен AZ-300 - это экзамен на уровне экспертов, который проверяет кандидатов на продвинутые знания и опыт работы с различными аспектами Microsoft Azure.
Современный React Bootcamp (с Hooks, React Router и др.)

Современный React Bootcamp (с Hooks, React Router и др.)

en
Следуйте той же программе, которую я преподаю своим студентам в SF. 10+ проектов, включая одно ОГРОМНОЕ приложение! Добро пожаловать на лучший онлайн ресурс для изучения React! Этот курс, опубликованный в апреле 2019 года, является совершенно новым и охватывает последние новости React. Этот курс...
Профессиональный JavaScript, уровень 2 (18 февраля - 25 апреля 2019)

Профессиональный JavaScript, уровень 2 (18 февраля - 25 апреля 2019)

ru
Курс предназначен для тех, кто прошёл «Профессиональный JavaScript, уровень 1», или для разработчиков, желающих поднять свои навыки. После прохождения курса вы будете уверенно создавать современные веб-приложения, а также сможете попробовать себя в качестве наставника на наших курсах.
SymfonyCon 2018 - Лиссабонская Конференция (Видео)

SymfonyCon 2018 - Лиссабонская Конференция (Видео)

en
SymfonyCon 2018 Лиссабон имел огромный успех! Более 900 участников со всего мира собрались вместе, чтобы узнать, встретиться и поделиться своим опытом в Symfony. Более 25 докладчиков выступили по различным темам: от нового веб-сервера Symfony до Messenger, API-платформы и многого другого.
Все о загрузке файлов в Symfony

Все о загрузке файлов в Symfony

en
Нужно загрузить некоторые файлы в Symfony? Отлично! Вы пришли в нужное место! В наши дни загрузка файлов может быть простой... или невероятно сложной - с облачным хранилищем, личными файлами, миниатюрами, проверкой и так далее. Итак, давайте займемся ... всем этим!
Создание Reusable (и удивительных) Symfony пакетов

Создание Reusable (и удивительных) Symfony пакетов

en
Хотите поделиться кодом между проектами или со всем миром? Давай сделаем это! Создавая пакет Symfony! В этом руководстве мы узнаем о пакетах, их суперспособностях, о том, как добавлять сервисы и маршруты, а также о лучших практиках для создания наилучших возможных пакетов.
Формы Symfony 4: создавайте, визуализируйте и властвуйте!

Формы Symfony 4: создавайте, визуализируйте и властвуйте!

en
Да, формы! Одна из самых мощных и ... запутанных функций во всем Symfony. Вот правда: формы просто сложны. Вам нужно управлять элементами формы HTML, проверкой, преобразованием данных и многим другим. Компонент Form может быть самой сложной частью Symfony. Но чем больше с ним работаешь, тем...
chat
logo