Перевод статьи «Best GitHub Repos for Web Developers».
Список источников это полезная вещь, которую неплохо держать где-нибудь в закладках.
Разработчику важно иметь возможность сосредоточиться на функционале и лучших подходах к написанию кода, а не на очередном бойлерплейт-коде. И если есть способ тратить на что-либо меньше сил и времени, лучше это сделать, а освободившиеся часы посвятить изучению хороших инструментов или каких-то ресурсов.
В этой статье мы рассмотрим несколько GitHub-репозиториев, которые могут помочь веб-разработчикам в самых разных аспектах их работы.
Node.js Best Practices
Этот репозиторий поможет вам оставаться в курсе событий мира Node, а также изучать лучшие подходы к разработке. Репозиторий обновляется практически ежедневно; его поддерживает больше сотни контрибьюторов, а «звезд» он набрал уже 45 тысяч.
Здесь вы найдете топовый контент по Node.js, а также по теме его интеграции с другими инструментами (Docker, Kubernetes и т. д.). В настоящее время там больше 80 best practices, руководств по стилю и советов по архитектуре.
Благодаря материалам из этого репозитория вы узнаете, как лучше структурировать проект, какие есть подходы к обработке ошибок и стили написания кода, каковы лучшие практики тестирования и выпуска готовых программ в продакшен.
HTML5 Boilerplate
HTML5 Boilerplate это профессиональный фронтенд-шаблон для создания быстрых, надежных и адаптивных сайтов и веб-приложений.
Этот проект — продукт долгих лет итеративной разработки и усилий сообщества. Он не представляет какую-либо философию разработки или какой-то конкретный фреймворк: вы можете проектировать свой код так, как посчитаете нужным.
Здесь вы найдете в готовом виде:
- Normalize.css,
- jQuery с CDN,
- конфигурацию сервера Apache,
- полезные вспомогательные классы CSS,
- дефолтные стили для печати и т. п.
Вы просто выбираете, что именно хотите использовать, и копируете содержимое соответствующей директории в директорию своего проекта. То есть, это готовый начальный шаблон, который позволяет ускорить разработку.
RealWorld
Изучать концепции и идеологию нового фреймворка излишне сложно.
Вы читаете документацию, запускаете надуманные примеры в codepen, разбираете на части примеры приложений и собираете их снова… Слишком много работы, чтобы разобраться в концепции.
RealWorld позволяет вам выбрать любой фреймворк фронтенда (React, Angular 2 и др.) и бэкенда (Node, Django и др.), интегрировать их между собой и посмотреть, как они работают в реальном примере приложения.
Несколько популярных интеграций:
- Angular + ngrx + nx
- ClojureScript + re-frame
- React / MobX
- Go + Gin
- NestJS + TypeORM/Prisma
В репозитории можно найти и другие: посмотрите сами!
You Don’t Know JS Yet
Это серия книг, посвященных механизмам языка JavaScript. Все книги выложены совершенно бесплатно, их можно читать онлайн в репозитории.
Рекомендуемый порядок чтения:
- Get Started
- Scope & Closures
- Objects & Classes (еще ведутся работы)
- Types & Grammar (еще ведутся работы)
- Sync & Async (еще ведутся работы)
- ES.Next & Beyond (еще ведутся работы)
Прим. ред. Techrocks: книги серии доступны на русском языке:
Airbnb JavaScript Guide
Профессиональное руководство по стилю написания кода от Airbnb. Благодаря ему вы сможете разобраться в JavaScript изнутри, углубившись в основы. Примеры кода помогут вам в этом.
Вот несколько популярных тем, рассмотренных в руководстве:
- стрелочные функции,
- поднятие,
- приведение типов,
- стили ECMAScript 6+ (ES 2015+),
- тестирование,
- производительность.
Storybook
Storybook это среда разработки для UI-компонентов. С ее помощью вы сможете исследовать библиотеку компонентов, просматривать различные состояния каждого из них, а также интерактивно разрабатывать и тестировать компоненты.
Storybook запускается вне вашего приложения. Благодаря этому вы сможете разрабатывать UI-компоненты изолированно, что способствует возможности их повторного использования, улучшает тестируемость и повышает скорость разработки. Вы сможете создавать компоненты гораздо быстрее, не беспокоясь при этом о зависимостях, специфических для конкретного приложения.
Storybook поставляется с интерфейсом командной строки и примерами кода, которые помогут вам разобраться в работе этой среды.
Front-End-Checklist
Front-End Checklist это исчерпывающий список всех элементов, которые вы должны протестировать, прежде чем выпускать сайт или HTML-страницу в продакшен.
Этот репозиторий ориентирован на веб-разработку по части фронтенда и фокусируется на производительности, безопасности, SEO и т. п. вещах. Для большинства проектов пригодятся все пункты чек-листа, но порой некоторые из них можно и опускать за ненадобностью.
