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: 28
research
performance
builds
compilation

⭐Types vs interfaces in TypeScript fully explained

Let's understand the all differences between type and interface keywords in TypeScript. We'll explore their use cases and impact on the compile time and build time.

7m
new
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

We'll dive into the process of creating a custom useForm hook in React. We'll add a generic API and make a validation mechanism to make every form management easy.

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

🌟useFetch hook

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

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

We'll dive into the process of creating a custom useForm hook in React. We'll add a generic API and make a validation mechanism to make every form management easy.

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