ββMany developers continue to use the useState and useEffect hooks to update states, but I have not been fond of this approach. The issue is that it causes the component to mount, remount, and unmount simultaneously, leading to unexpected behavior. As a result, when logging something into the console, you may see the result repeated three times.
β±οΈ 6 minutes read
#React
β±οΈ 6 minutes read
#React
Medium
Bye-bye useState & useEffect: Revolutionizing React Development!
Every React developers wants to avoid states and effect at all cost. Today, I want to show you an alternative for the useState andβ¦
ββOur team is a couple of months into developing a new application, and our suite of unit 240 tests takes 46 seconds to run. That duration is not excessive yet, but itβs increasing in proportion to the number of tests. In a couple of months, itβll take a couple of minutes to run our tests.
β±οΈ 12 minutes read
#Testing #Jest
β±οΈ 12 minutes read
#Testing #Jest
Medium
Why Is My Jest Test Suite So Slow?
The simple mistake undermining Jestβs performance
ββThis past week, the Vercel team posted a major announcement on their blog about the release of Next.js 13.4. To provide more context about why this is such an important release, we need to understand how the Vercel team handles releases to the public. Next.js 13 introduced new many new features, but most of them have remained in alpha & beta, even though they were included in the major release.
β±οΈ 8 minutes read
#NextJS #React
β±οΈ 8 minutes read
#NextJS #React
Medium
Next.js 13.4 is Finally Here and Itβs Awesome!
Dive into some of the features and improvements that come with this release.
ββLearn how to organize your Next.js project using a feature-driven structure with the new App Router, allowing for greater flexibility and efficiency in development.
β±οΈ 8 minutes read
#React #NextJS
β±οΈ 8 minutes read
#React #NextJS
Medium
How to Structure Your Next.js App With the New App Router
Learn how to organize your Next.js project using a feature-driven structure with the new App Router, allowing for greater flexibility andβ¦
ββWhile useStateis a simple tool to use, many developers still make mistakes with it. During code reviews, I often see these mistakes made even by experienced people.
β±οΈ 7 minutes read
#React
β±οΈ 7 minutes read
#React
Medium
5 React useState Mistakes That Will Get You Fired
5 Common React useState mistakes and how to avoid them
π1
ββNode.js 20 has arrived, ushering in a new era of innovation and excitement. This groundbreaking release is slated to make its debut on April 18, 2023, and will ascend to Long-Term Support (LTS) status come October 2023, with ongoing support guaranteed until April 2026.
β±οΈ 5 minutes read
#NodeJS
β±οΈ 5 minutes read
#NodeJS
Medium
NodeJS 20βββFew mind blowing features.
Introduction: Welcome to the Node.js 20.
π1
ββAccording to Wikipedia, in computer programming, a code smell is any characteristic in the source code of a program that possibly indicates a deeper problem.
β±οΈ 6 minutes read
#Typescript
β±οΈ 6 minutes read
#Typescript
Medium
Clean Up Code Smells with Clean Code: TypeScript Edition
Common Code Smells in JavaScript and TypeScript and How To Fix Them
ββI created the same File Share Server in Rust ( Actix Web ), C++ ( Crow ) , Python ( Django ) and Nodejs ( Express ). The results will probably surprise you.
β±οΈ 5 minutes read
#backend
β±οΈ 5 minutes read
#backend
Medium
I built the same Web Server in 4 languages. Hereβs what I foundβ¦
I created the same File Share Server in Rust ( Actix Web ), C++ ( Crow ) , Python ( Django ) and Nodejs ( Express ). The results willβ¦
ββA thread on Reddit Beginner here, start with react, svelte, or solid? caught my eye and gave me a chance to hash out some of my own thoughts on these platforms and where beginners should start in 2023.
β±οΈ 9 minutes read
#Frontend #React #vue
β±οΈ 9 minutes read
#Frontend #React #vue
Medium
Thoughts on React vs Vue vs Everything Else in 2023
A thread on Reddit βBeginner here, start with React, Svelte, or Solid?β motivated me to ponder my own take on the state of front-ends.
ββIn the realm of front-end development, terms and paradigms can sometimes be mystifying, and βheadless UIβ or βheadless componentsβ may very well belong to this category. If youβre scratching your head wondering what these mean, youβre not alone. In fact, despite the confusing moniker, these concepts are compelling strategies that can significantly simplify the management of complex user interfaces.
β±οΈ 8 minutes read
#React
β±οΈ 8 minutes read
#React
Medium
Decoupling UI and Logic in React: A Clean Code Approach with Headless Components
In the realm of front-end development, terms and paradigms can sometimes be mystifying, and βheadless UIβ or βheadless componentsβ may veryβ¦
β€1
ββSome APIs in JavaScript may have a relatively low usage rate. Below we introduce their usage and usage scenarios one by one.
β±οΈ 5 minutes read
#JavaScript
β±οΈ 5 minutes read
#JavaScript
ββLearn how to set up GraphQL in Strapi, run GraphQL queries and mutations, carry out CRUD requests, and create an authentication system in Strapi.
β±οΈ 16 minutes read
#strapi #cms #graphql
β±οΈ 16 minutes read
#strapi #cms #graphql
Medium
A Deep Dive into Strapi GraphQL
The REST API design pattern is one of the best practices when building an API for the back end of any application. Its benefits supersede its downside. When fetching data from an extensive RESTβ¦
ββDeno 1.35 was just released. The Typescript, Javascript and WebAssembly runtime competing with Node.js has some interesting improvements and features to offer.
β±οΈ 5 minutes read
#Deno
β±οΈ 5 minutes read
#Deno
Medium
π¦ Deno 1.35: Faster, Easier, OMG
From talks with Node.js developers I know that there one major reason why they hesitate to try Deno. Namely, it is the ecosystem Node.js successfuly build over the years. Thatβs why Deno developersβ¦
ββA list of one-liners you should know to up your knowledge of JavaScript.
β±οΈ 5 minutes read
#JavaScript
β±οΈ 5 minutes read
#JavaScript
ββIn the digital age, metadata plays a vital role in how information is organized, accessed, and understood. Itβs the invisible framework that supports every web page, allowing search engines to index content and users to find what theyβre looking for. Today, we are going to discuss the concept of metadata in the context of Next.js, a popular React framework.
β±οΈ 10 minutes read
#NextJS #React
β±οΈ 10 minutes read
#NextJS #React
Medium
Mastering Metadata in Next.js: A Comprehensive Guide to SEO Excellence
Introduction
ββWhether you are a full-time Indie Hacker, a Freelancer or just trying to make a side project, you need to ship and launch your product faster.
β±οΈ 5 minutes read
#software
β±οΈ 5 minutes read
#software
Medium
Yes, here are 4 stacks to build MVPs faster in 2023
The faster you launch, the faster you can test your idea with users. So here are the 4 best stacks to launch your product faster in 2023.
π1
ββThe introduction of the Pages Router took center stage with the release of Next.js 11. This routing mechanism quickly became the primary means of creating routes within Next.js applications. However, as the frameworkβs user base expanded, so did the complexity of the interfaces that developers aimed to construct.
β±οΈ 12 minutes read
#NextJS #React
β±οΈ 12 minutes read
#NextJS #React
Medium
5 Must-Have Tools for Building Web Applications with Next.js App Router
Server-only, Saas UI, TailwindCSS, Turbopack, the use() hookβknow the tools that can enable you to build web applications with Next.js Appβ¦
ββReact is a popular JavaScript library for building user interfaces, and it has undergone significant improvements in recent versions. With React 18, developers now have even more powerful tools to separate business logic from UI components effectively. This article will explore the benefits of decoupling business logic from UI components and demonstrate how to achieve it using React 18βs new features.
β±οΈ 6 minutes read
#React
β±οΈ 6 minutes read
#React
Medium
SeparatingβοΈ Business Logic π§ from UI Components π‘ in React 18
Featuring Advance Logic Separation practices
ββIn the ever-evolving landscape of frontend development, React Context has long been a stalwart for state management.
β±οΈ 5 minutes read
#React
β±οΈ 5 minutes read
#React
Medium
React Context is Officially Dead; Enter Zustand State Management.
In the ever-evolving landscape of frontend development, React Context has long been a stalwart for state managementβ¦
ββOpen source projects are the driving factor of the modern software engineering. Today youβll learn about 25 end user open source apps, you can find to fit your needs!
β±οΈ 8 minutes read
#opensource
β±οΈ 8 minutes read
#opensource
Medium
25 Awesome Open Source, End User Apps Ep. 2
Open Source projects are the driving factor of the modern software engineering. Today youβll learn about 25 end user open source apps, youβ¦