9 repositories every web developer should know about

These days, GitHub is a one-stop repository for everything web development. Frameworks, demos, all sorts of collections – there is probably nothing that you cannot find on GitHub. However, this huge amount is the problem. There are some cool things that you probably never hear about, simply because there are so many repositories. Today, especially for the start of a new course on web development we share a side-track of some of the most popular GitHub repos you should know about, each with at least ~ 30,000 stars.


Realworld

The first repository on this list is Realworld… Its creators call it nothing less than the “mother” of all demo applications. A bold statement, of course, but I don’t think this is an exaggeration. Realworld – an exemplary clone Medium.com… But not only them. The repository allows you to choose between different front-end and back-end implementations that you can happily mix. Vue.js + Node / Express or React / Redux + Rust? All this is there! Realworld shows you how to build the exact same blog application in almost any popular language or framework. This is amazing!

You don’t know JS yet

This repository Is a popular series of books by Kyle Simpson, widely known under the pseudonym Getify. The books dive deeply into the mechanics of JavaScript and cover the following topics:

  • Introduction.
  • Scopes and snapping.
  • Classes and objects.
  • Types and grammar.
  • Synchronous and asynchronous.
  • The next standard and what’s beyond.

What’s the best part about it? These books are free! This is definitely one of the best JavaScript series out there, and it really helped me understand what JS really is. Even if you think you know JavaScript well, read these books! You will be surprised, I promise.

Airbnb JavaScript Style Guide

The Airbnb JavaScript Style Guide is one of the most popular and frequently used style guides. It helps you write better code and is especially useful in commands and when combined with ESLint.
Here’s an example from the documentation regarding using const instead of var:

Storybook


Storybook Is a development environment for user interface components. It allows you to view a library of components, the states of each component, and interactively design and test components! React, Vue, Angular, React Native, Ember, Web Components and others are supported.

Storybook works outside of your application. This allows you to develop UI components in isolation, which can improve component reuse, testability, and development speed. You can develop quickly without worrying about specific application dependencies. You can find some great examples here

HTML5 Boilerplate


HTML5 Boilerplate Are professional and some of the most popular front-end templates on the web. They will help you build fast, reliable and responsive websites or applications. Companies like Microsoft, NASA and Nike use it.
Here are some key features:

  • HTML5 compliance.
  • Development with progressive improvement in mind.
  • The presence of Normalize.css, jQuery and Modernizer.
  • Configurations to improve website performance and security.
  • Placeholder for CSS media queries.
  • Default plot styles optimized for performance.
  • An optimized version of the Google Universal Analytics snippet.

Best Node.js Practices

This repository is a vast collection of best practices for Node.js development. It now consists of over 80 best practices, style guides, and architecture tips.
You can find information about:

  • Project structure practitioners.
  • Error handling techniques.
  • Coding style practices.
  • Testing and quality practices in general.
  • The practice of moving to a production environment.
  • Security Methods.
  • Productivity Practices.

It is definitely a great repository and source of information. If you’re developing with Node.js, check it out!

Front-end checklists

Have you ever asked yourself what is needed in an application or what needs to be tested in it before launching it? Checklist repository answers the questions. Many of the items listed below are required for most projects. They are organized as follows:

  • Title.
  • HTML.
  • Web Fonts.
  • CSS.
  • Images.
  • JavaScript.
  • Safety.
  • Performance.
  • Availability.
  • SEO.
  • Translations.

Here is an example of Apple web app metadata:

NW.js


NW.js Is an application runtime based on Chromium and Node.js. You can write your own applications in HTML and JavaScript using NW.js. It also allows you to call Node.js modules directly from the DOM, as well as rewrite native applications with all web technologies. Here are some key features:

  • Applications written in modern HTML5, CSS3, JS and WebGL.
  • Full support for the Node.js API and all its third party modules.
  • Good performance: Node and WebKit run on the same thread.
  • Easy to package and distribute applications.
  • NW.js is available on Linux, Mac OS X and Windows.

fullPage.js


fullPage.js by Alvaro Trigo is a simple and easy-to-use library that allows you to create single page applications and album sliders. It is available for Vue, React and Angular and is fully mobile responsive. Some great examples can be found here… The library is free to use in open source projects. However, if you want to use it in a commercial environment, you have to buy a license. The library looks really cool, so check it out! I hope you can use some of these repositories for your own projects or other purposes.

Similar Posts

Leave a Reply Cancel reply