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…
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.
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…
The following explanations are necessary to fully understand why Astro is the best web framework in 2023.
⏱️ 4 minutes read
#Frontend
⏱️ 4 minutes read
#Frontend
Medium
Ok, Astro is the best web framework in 2023, here’s why
Discover why Astro is the best web framework in 2023 through a detailed explantion.
JavaScript is a powerful language that is one of the primary building blocks of the web. This powerful language also has some of its quirks. For instance, did you know that 0 === -0 evaluates to true, or that Number("") yields 0?
⏱️ 14 minutes read
#JavaScript #interview
⏱️ 14 minutes read
#JavaScript #interview
Medium
8 Advanced JavaScript Interview Questions for Senior Roles
JavaScript is a powerful language that is one of the primary building blocks of the web. This powerful language also has some of its…
Web UI development might appear straightforward at first glance, but delve deeper and you’ll discover a multitude of complexities that challenge even seasoned developers. This piece aims to dissect the inherent challenges of web UI development, from the discrepancy between web languages and the modern UI requirements, to intricate data management issues and asynchronous API calls.
⏱️ 8 minutes read
#Frontend #React
⏱️ 8 minutes read
#Frontend #React
Medium
Why Web UI Development Is So Hard?
Web UI development might appear straightforward at first glance, but delve deeper and you’ll discover a multitude of complexities that…
Before going further, we need to explain what is javascript runtime and why we should care about its speed.
⏱️ 3 minutes read
#Bun
⏱️ 3 minutes read
#Bun
Medium
Node.js is Dying! Bun 1.0 is Changing the JavaScript Game
Before going further, we need to explain what is javascript runtime and why we should care about its speed.
Navigating the ever-changing requirements of a software project can be daunting. One proper technique to manage this complexity is using feature toggles and the Branch by Abstraction pattern.
⏱️ 5 minutes read
#Software #Patterns
⏱️ 5 minutes read
#Software #Patterns
Medium
Evolving Your React App Safely with Feature Toggles and Branch By Abstraction
Navigating the ever-changing requirements of a software project can be daunting. One proper technique to manage this complexity is using…
React has become one of the most popular front-end libraries in recent years due to its simplicity and flexibility. Yet, when applications expand in complexity, it can become tough to manage state, handle asynchronous input, and maintain a scalable architecture. We’ll look at four advanced React patterns in this article that will assist you in overcoming these difficulties and how to compose them
⏱️ 7 minutes read
#React
⏱️ 7 minutes read
#React
Medium
Supercharge Your React Skills: 5 Advanced Patterns to Master in 2023
React has become one of the most popular front-end libraries in recent years due to its simplicity and flexibility. Yet, when applications…
Computer networks are the bread and butter of 21st-century life. Phone calls, texting, Bluetooth, online shopping, etc. are all use cases that are powered by computer networks. One of the most popular instances of computer networks is the Internet. It powers global links between entities that were unimaginable in the past centuries. The scale of this network has blown to several orders of magnitude since its inception.
⏱️ 5 minutes read
#networking
⏱️ 5 minutes read
#networking
Medium
How does the Internet work?
Building blocks of computer networks
Memory leaks can be thought of as water leaks in your house; while small drips might not seem like a big issue initially, over time they can cause significant damage.
⏱️ 8 minutes read
#JavaScript
⏱️ 8 minutes read
#JavaScript
Medium
Your JS App Is Leaking Memory And You Don't Know
Memory leaks can be thought of as water leaks in your house; while small drips might not seem like a big issue initially, over time they…