Find something interesting to read

Find something interesting to read

When writing our articles, we place great emphasis on the quality of their content and teaching materials. Thanks to this you will be able to find meaningful materials and understand complex topics.

Found: 35
version control
commits history
commits rename

🔰Renaming git commits

Enhance commit history using Git's rename feature with this concise and insightful guide. Optimize your workflow and maintain clarity in version control.

2m
new
content creation
soft topics
soft skills

🔰Mastering article crafting in 10 steps

Unlock secrets to craft exceptional, SEO-friendly articles with our 10-step guide. Optimize content, captivate your audience, and boost visibility effortlessly. Elevate your article game.

8m
state management
context api
react

⭐Common mistakes in using React Context API

Maximize React's Context API with our guide. Identify and fix common mistakes for better performance. Elevate skills with best practices, optimizing code for enhanced React applications.

9m
cli
nx
architecture

⭐NRWL extension and why do we need our own cli in JavaScript

Explore NRWL extension, a powerful tool for streamlined development. Learn why a custom CLI in JavaScript enhances project control and scalability.

9m
testing
resize observer
mocking

⭐Testing and mocking ResizeObserver in JavaScript

Master testing ResizeObserver in JS. Tackle issues like "resize observer is not defined" and learn to mock it. Gain a solid grasp of testing this essential feature.

5m
components
libraries
architecture

⭐React components based on design system with styled-components

Harness design systems with styled-components and React. Craft efficient UIs using Storybook. Elevate React components for a better web development.

12m
integrations
state management

🌟How to integrate state management in Zustand with NextJS

Explore Next.js state management with Zustand. Craft a sync hook for seamless server-client state coordination. Elevate performance and data consistency in your Next.js app.

5m
research
performance
builds
compilation

⭐Types vs interfaces in TypeScript fully explained

Explore TypeScript's nuances - "type" vs. "interface." Uncover use cases and their impact on compile and build times for a comprehensive understanding.

7m
libraries
comparision
state

⭐Working with selectors in Zustand and Redux

We'll dive into the selectors concept in the Zustand/Redux libraries and explore the different use cases for dynamic and static selectors.

6m
quality
patterns
development

🌟Concerns about separating types from implementation

We'll check how separating types from implementation impacts our applications from different perspectives.

7m
components
refactors
patterns

⭐Make your components healthy with these patterns

We'll review the ugly Comments component and then we'll perform a refactor with content projection techniques. We'll create a reusable List component.

6m
testing
improvements
quality

⭐How to work with e2e selectors in tests

We will check out all the popular approaches that make it much easier to maintain and scale selectors for e2e tests.

4m
state
libraries
comparision

đŸ„‡Comparing Redux with Zustand for state management in React

Deep and detailed dive into Redux Toolkit and Zustand. Let's understand the key differences between them and their similarities.

10m
patterns
facade
storage

🌟Working with local storage vs session storage

How to work with local and session storage efficiently and in a scalable way. Let's create some facades to unify the maintenance of these!

6m
tools
monorepo

đŸ„‡Overview of the main functionalities of the NX tool

Fresh and easy-to-understand dive through features of lastly popular Nx from the NRWL team. Let's create some applications and libraries!

7m
language
fundamentals

🔰This keyword in JavaScript

Complete guide about "this" keyword in JavaScript. We'll explain the use cases, how the "this" keyword works, and when you should use it.

8m
hooks
steps
routing

⭐Build useStepper hook in React

Meet useStepper - a revolutionary React custom hook for managing step-based workflows. Seamlessly integrate for intuitive navigation, enhancing user experience.

7m
patterns
migrations

⭐Porting for React applications

Let's see how you can save time by using the porting technique when migrating from one technology to another.

5m
testing
performance

⭐Loops in JavaScript and their performance

We are going to perform tests that will verify what impact different loops in JavaScript may have on the performance.

7m
seo
improvements

⭐Improving SEO with Ahrefs

We'll look at how to improve your SEO using the Ahrefs tool and we'll play with the reports that are available in the free plan.

8m
practice
component

⭐React code snippet component

The lightweight walkthrough about creating the "Code" component for displaying code snippets. In the meantime, the ASCII loaders will be displayed.

11m
hooks
authorization

⭐Authorization made simple

Tutorial about authorization handling in React. We'll write it in a generic and easy-to-use way! You will be able to use it in every React app.

4m
architecture
project setup
patterns
quality gates

🌟Dream stack for React dev

It will be a longer article about project setup. Prepare a huge mug of coffee before you start reading.

15m
patterns
practices

⭐Mocking up with factories

A quick tutorial of a factory method pattern that will reduce the headache connected with mocks creation in tests and applications.

4m
language
syntax
apis

⭐Proxy and reflect in JavaScript

Explanation of Proxy and Reflect API's that JavaScript offers. Let's investigate the typical use cases of each and understand how they work!

5m
architecture
design

⭐Modular architecture for medium frontend apps

An entry that will try to dispel any doubts about the use of modular architecture in frontend applications.

10m
code improvements
hooks

🌟API calls with useFetch hook and AbortController

The process of creating a useFetch hook to handle asynchronous operations sprinkled with a dose of real-life examples and AbortController.

9m
testing
documentation

⭐Chromatic and storybook

The process in which we'll describe the creation of a small, reusable components library that is supported by Chromatic and Storybook technologies.

10m
practice
challenge

⭐React timeline component

Let's implement the timeline component in React. We'll calculate styles in real time and we'll memoize calculations to save some performance.

11m
hooks
forms management

🌟Build useForm hook in React

Refine form management with a tailored React useForm hook. Versatile API, robust validation—streamlining implementation to keep it concise and efficient.

10m
architecture
data flow

🌟State management with rxjs in React

Let's check how state management implemented with the RxJs library works in React. We'll implement a simple state manager using reactive patterns.

10m
hooks
api

⭐React useRef hook

All use cases for useRef hook that are popular and less popular. Let's check the use cases, implementation, and how it works in React.

6m
patterns
code improvements

🌟State machine pattern

Let's make an ancient coffee machine in React with a state machine pattern. We'll check how to use this pattern to make our code user safe.

5m
functional programming

⭐Closures, currying, function composition as your new friends

In this article, we will discuss the basics of functional programming. We'll learn what is pure function, composition, currying and the closure.

5m
patterns
code improvements

⭐Improving code that was not written by us

We'll check how developers can avoid bugs with facade pattern. Let's understand the power of this simple pattern and use it.

5m