List of useful documents, articles, and tools

Official documentation

The tools and standards that underpin the web.

Front-end

• React - a library for creating user interfaces, the main standard for SPA applications;

• Next.js - a powerful framework from Vercel on top of React, supporting server-side rendering (SSR) and static generation (SSG):

  • Optional registration;
  • Optional paid services.

• Minista - a minimalistic static site generator focused on fast build times and clean code;

• Tailwind CSS - a utility-first CSS framework for fast layout directly in HTML:

  • Optional registration;
  • Optional paid services.

Articles and useful longreads

A deep dive into theory and industry best practices.

Front-end and CSS

• CSS-Tricks - a legendary resource with tutorials on all aspects of layout.

Tools (Front-end)

Support resources for design, development, and optimization.

Icons

• Free SVG Icons - Laravel - a huge set of icons suitable for any stack;

• Health icons - free icons for medical projects;

• Phosphor Icons - a flexible family of icons in different styles (thin, light, bold);

• Feather - minimalist open-source icons;

• Iconoir - one of the largest libraries of SVG icons:

  • Optional donations.

Players

• MOV Player - an online tool for viewing MOV files directly in your browser:

  • Optional registration;
  • Optional paid services.

Converters and compression

• TinyPNG - the best service for compressing images without losing quality:

  • Optional registration;
  • Optional paid services.

• Base64 to File - decodes Base64 strings back into files:

  • Optional donations.

• TinyWow - a huge set of free AI tools for working with PDFs, videos, and photos:

  • Optional registration.

• How to Convert - an application for Windows, macOS, and Linux, with the ability to convert over 3000 formats:

  • Registration is required;
  • There are optional paid services.

CSS and fonts

• PX to percentage converter - instant conversion of pixels to percentages for responsiveness;

• Can I use… - checking browser support for technologies:

  • There are optional donations.

• Google webfonts helper - a convenient way to download Google fonts for local use:

  • There are optional donations.

React libraries

• Introduction - React Three Fiber - creating 3D scenes in React using Three.js;

• dnd kit - a lightweight and modular tool for drag-and-drop;

• React Bits - a library of animated UI components;

• Mantine React Table - a powerful library for working with tables.

JS/TS and ecosystem

• JS Visualizer 9000 - visualization of the Event Loop and JavaScript engine;

• ESLint Stylistic - plugins for configuring code style;

• Storybook - an environment for developing UI components in isolation:

  • Optional registration;
  • Optional paid services available.

• TanStack - high-quality tools (Query, Router, Table) for web developers:

  • Optional registration;
  • Optional paid services available.

Regular expressions

• i Hate Regex - cheat sheet and convenient visualization of complex regular expressions;

• regex101 - debugger and tester for regular expressions with detailed explanations:

  • Optional registration.

Testing and performance

• LambdaTest - cloud testing in various browsers and operating systems:

  • Registration required;
  • Optional paid services available.

• PageSpeed Insights - website performance analysis from Google.

Translators

• DeepL Translate - the most accurate translator in the world:

  • Optional registration;
  • Optional paid services available.

Back-end utilities

• Newsletters spam test - checks your emails for spam before sending:

  • Optional registration required.

• dbdiagram.io - Database Relationship Diagrams Design Tool - a fast and convenient online tool for designing database structures (ER diagrams) using code:

  • Optional paid services available.