List of useful documents, articles, and tools

Official documentation

Fundamental tools and standards on which the modern web is built.

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, no support for converting svg to other 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 required
  • 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 required

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 required
  • Optional paid services available

Back-end utilities

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

  • Optional registration required