🔰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.
🔰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.
⭐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.
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.
⭐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.
🌟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.
⭐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.
⭐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.
🌟Concerns about separating types from implementation
We'll check how separating types from implementation impacts our applications from different perspectives.
⭐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.
⭐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.
🥇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.
🌟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!
🥇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!
⭐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.
⭐Porting for React applications
Let's see how you can save time by using the porting technique when migrating from one technology to another.
⭐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.
⭐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.
⭐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.
🌟Dream stack for React dev
It will be a longer article about project setup. Prepare a huge mug of coffee before you start reading.
⭐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.
⭐Modular architecture for medium frontend apps
An entry that will try to dispel any doubts about the use of modular architecture in frontend applications.
🌟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.
⭐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.
⭐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.
🌟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.
🌟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.
⭐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.
🌟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.
⭐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.
⭐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.