Лучшие GitHub-репозитории для веб-разработчиков

0
2970
views

Перевод статьи «Best GitHub Repos for Web Developers».

Photo by Fotis Fotopoulos on Unsplash

Список источников это полезная вещь, которую неплохо держать где-нибудь в закладках.

Разработчику важно иметь возможность сосредоточиться на функционале и лучших подходах к написанию кода, а не на очередном бойлерплейт-коде. И если есть способ тратить на что-либо меньше сил и времени, лучше это сделать, а освободившиеся часы посвятить изучению хороших инструментов или каких-то ресурсов.

В этой статье мы рассмотрим несколько 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 и т. п. вещах. Для большинства проектов пригодятся все пункты чек-листа, но порой некоторые из них можно и опускать за ненадобностью.