9 популярных GitHub репозиториев для каждого веб-разработчика

88

В наши дни GitHub — это универсальный ресурс для всего, что связано с веб-разработкой. Наверное, здесь нет ничего, что бы вы не смогли найти. Ведь в GitHub репозиториях есть всё: фреймворки, исходники, ночные сборки.

Но из-за огромного количества репозиториев, возможно можно упустить крутые вещи. Поэтому, мы подготовили для вас список из девяти лучших репозиториев. Каждый из них имеет не менее 30 000 звезд.

Realworld

Realworld

Realworld — образцовый клон Medium.com. Github Репозиторий Realworld позволяет выбрать между разными способами внедрения фронт и бэк-энда, которые можно с удовольствием смешивать.

Vue.js + Node/Express или React /Redux + Rust? Получилось!

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

You Don’t Know JS Yet

You Don’t Know JS Yet

Этот github репозиторий является популярной книжной серией Кайла Симпсона, который широко известен под псевдонимом Getify.

Книги погружают в механику JavaScript и охватывают следующие темы:

  • Get Started
  • Scope & Closures
  • Objects & Classes
  • Types & Grammar
  • Sync & Async
  • ES.Next & Beyond

И всё это совершенно бесплатно! You Don’t Know JS Yet, определенно, одна из лучших серий о JavaScript и она действительно поможет понять, что такое JS.

Airbnb JavaScript Style Guide

Airbnb JavaScript Style Guide — одно из самых часто используемых руководств по стилю. Это руководство от Airbnb поможет вам написать лучший JS-код. Особенно полезно в сочетании с ESLint.

Приведем пример из документов, касающихся использования const вместо var:

Storybook

Storybook

Storybook — это среда разработки компонентов пользовательского интерфейса. Она позволяет просматривать библиотеку компонентов, их различные состояния, а также интерактивно разрабатывать и тестировать их. Storybook поддерживает React, Vue, Angular, React Native, Ember, Web Components и многие другие!

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

Вот несколько хороших примеров.

HTML5 Boilerplate

HTML5 Boilerplate — один из самых популярных frontend шаблонов в Интернете. Он помогает создавать быстрые, надежные и адаптируемые веб-сайты или приложения. Его используют такие компании, как Microsoft, NASA и Nike.

Вот некоторые из его ключевых особенностей:

  • HTML5 ready.
  • Разработан с учетом прогрессивного улучшения.
  • Включает: Normalize.css, jQuery и Modernizer.
  • Настройки, повышающие производительность и безопасность сайта.
  • Медиа-запросы CSS.
  • Стили печати по умолчанию, оптимизированные для производительности.
  • Оптимизированная версия фрагмента Google Universal Analytics.

Node.js Best Practices

Node.js Best Practices

Этот репозиторий представляет собой исчерпывающую подборку различных передовых практик в области разработки Node.js. В настоящее время он состоит из более чем 80 лучших практик, руководств по стилю и архитектурных советов.

Вы можете найти информацию о следующем:

  • Практика обработки ошибок
  • Практики структуры проекта
  • Практики стиля кода
  • Тестирование и общие практики качества
  • Переходим к производственным практикам
  • Практики безопасности
  • Производственные практики

Front-End Checklist

Front-End Checklist

Если вы когда-нибудь спрашивали себя, что нужно тестировать в своем веб-приложении перед его запуском, тогда репозиторий Front-End Checklist — это то, что вам нужно!

Многие из перечисленных пунктов являются обязательными для большинства проектов и организованы следующим образом:

  • Head
  • HTML
  • Webfonts
  • CSS
  • Images
  • JavaScript
  • Security
  • Performance
  • Accessibility
  • SEO
  • Translations

Вот пример метаданных Apple Web App:

NW.js

NW.js

NW.js — среда выполнения приложений, основанная на Chromium и node.js. С её помощью вы можете писать нативные приложения в HTML и JavaScript а также вызывать модули Node.js непосредственно из DOM.

Вот некоторые из ключевых особенностей:

  • Приложения, написанные в современных HTML5, CSS3, JS и WebGL.
  • Полная поддержка API Node.js и всех его сторонних модулей.
  • Хорошая производительность: Node и WebKit работают в одном потоке.
  • Простота упаковки и распространения приложений.
  • Доступно для Linux, Mac OS X и Windows.

fullPage.js

fullPage.js

fullPage.js от Alvaro Trigo — это простая и удобная библиотека, которая позволяет создавать Single Page Applications. Она доступна для Vue, React и Angular и полностью адаптирована под мобильные устройства.

Вы можете найти несколько хороших примеров здесь.

Библиотека свободна для использования в проектах с открытым исходным кодом. Однако, если вы хотите использовать ее в коммерческой среде, — нужно купить лицензию.

Она выглядит действительно круто, так что зацените!

Устанавливайте эти репозитории уже сейчас и используйте в своей работе.

Источник: dev.to

Поделитесь в соц.сетях
  • 1
  •  
  •  
  •  
  •  
  •  
  •  

Оставить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *