eggheadНа этом семинаре Джейсон Ленгсторф из пустой папки проекта развернет приложение для видеочата на основе Twilio, созданное на базе Gatsby.
eggheadGraphQL доставляет удовольствие от использования API. Хотя он основан на системе типов, GraphQL во многих отношениях более гибок, чем REST. Но гибкость, которая делает GraphQL приятной для работы, может иметь свои недостатки, если вы не будете осторожны.
eggheadКогда вы видите слово «тема», вы можете подумать о визуальных аспектах сайта или редактора кода, где установка параметра в одном месте может изменить внешний вид везде. Темы Gatsby переносят эту идею на новый уровень, позволяя вам изменять и составлять целые фрагменты функциональности.
eggheadОдной из наиболее важных - но наиболее игнорируемых - практик для веб-разработчиков является проведение сквозного тестирования приложений до их запуска в эксплуатацию. Убедитесь, что они работают так, как они должны. Но тестирование может быть утомительным и определенно не веселым.
eggheadВсе начинается с синтаксиса. Оттуда, как только вы поняли концепции, вы можете перейти к использованию фреймворка, где вы выясняете, как заставить вещи «просто работать». На этом семинаре вы будете поднимать вещи на следующий уровень, проливая свет на концепции «черного ящика», такие как прототипы, ключевое слово this и что такое примитивные типы.
eggheadЭто ЭКСПЕРИМЕНТАЛЬНАЯ Версия. Одна из самых больших проблем при написании программного обеспечения для Интернета - это асинхронность, но мы должны иметь дело с ней постоянно. Это приводит к куче стандартного кода для обработки состояний загрузки и ошибок только для того, чтобы получить данные, которые нам нужны, чтобы показать пользователю - поступают ли данные из удаленной конечной точки или из API-интерфейсов браузера, таких как геолокация
eggheadКогда мы создаем формы, мы знаем, что есть большая вероятность того, что данные, которые мы хотим собрать, могут измениться. Динамические формы в Angular дают нам возможность определить базовую объектную модель перед привязкой формы к шаблону. Это позволяет нашим формам программно адаптироваться к базовой модели, поэтому нам не нужно обновлять каждую форму вручную, поскольку наши данные в конечном итоге изменятся.
eggheadРанее, чтобы добавить состояние или сайд эффекты в React, вы должны были создать Class Component. Однако с введением Hooks вы можете добавлять состояние и эффекты к функциональному компоненту. Кроме того, вы можете извлечь свою логику хуков и создать кастомные хуки, которыми будете пользоваться во всем приложении.
eggheadВ этом курсе мы начнем только с пустой директории и текстового редактора. На небольших целевых уроках мы узнаем, как настроить наше приложение с помощью Webpack и Babel и как настроить эти инструменты для использования с Preact. Затем мы перейдем к изучению того, как создавать компоненты и как Preact API отражает функцию React - выделяя различия / дополнения на этом пути.
eggheadПеретаскивание (Drag and Drop) часто строится для сортировки списков контента по вертикали и горизонтали.