current location:Home>Technical Articles>Web Front-end>JS Tutorial

  • React: Reusable, Decoupled, and Isolated
    React: Reusable, Decoupled, and Isolated
    When working on a new page don’t just start writing components on the page itself. Start individualizing units of components so that each are independent enough and changes on the global state won’t cause a re-render. For example, imagine you were gi
    JS Tutorial 956 2024-08-19 17:15:03
  • NestJS + Opentelemetry (Grafana Cloud)
    NestJS + Opentelemetry (Grafana Cloud)
    Using Opentelemetry in a production environment Setting up Opentelemetry in the application and launching Otel Collector, Loki, Tempo, and Grafana locally to view the trace was completed in the previous post. Now all that's left is to look at tracing not only locally but also in an actual production environment. What is needed for this is ‘storing logs and traces on the cloud.’
    JS Tutorial 624 2024-08-19 17:14:38
  • Basic concepts of Opentelemetry
    Basic concepts of Opentelemetry
    Opentelemetry In a world where distributed systems and micro services are rampant, it has become very difficult to check system operation or track errors. In this environment, many services need to send data in a common format and connect it to analyze the system. Opentelemetry (hereinafter otel) is a framework created to increase observability in the latest software trends. AP
    JS Tutorial 573 2024-08-19 17:14:33
  • React Essentials: Features You Might Be Missing
    React Essentials: Features You Might Be Missing
    React has solidified its place as a go-to library for building dynamic and responsive user interfaces. With its declarative approach and component-based architecture, React simplifies the complex process of developing modern applications. However, li
    JS Tutorial 224 2024-08-19 17:14:17
  • Build a Modern Blog with Next.js & Sanity: A Step-by-Step Guide
    Build a Modern Blog with Next.js & Sanity: A Step-by-Step Guide
    A blog without a CMS can lead to endless frustration and wasted time. Sanity.io simplifies the entire process, allowing you to focus on your content. In today's article, you will learn how to build a blog with Sanity CMS and Next.js 14. By the end
    JS Tutorial 661 2024-08-19 17:14:03
  • The Importance of Web Standards and Best Practices: Why Reinventing the Wheel in JavaScript Often Leads to Worse Solutions
    The Importance of Web Standards and Best Practices: Why Reinventing the Wheel in JavaScript Often Leads to Worse Solutions
    Introduction In the ever-evolving world of web development, it's easy to get caught up in the latest frameworks, libraries, and tools. Developers often find themselves tempted to create custom solutions, believing that their unique approach mig
    JS Tutorial 216 2024-08-19 17:13:36
  • Taming the Beast: How I Refactored a Messy React Component
    Taming the Beast: How I Refactored a Messy React Component
    We’ve all been there. You open up a React component that you wrote a few months ago, and it feels like you’re looking at code written by someone who was in a hurry — because you probably were. Deadlines were looming, and features needed to be shipped
    JS Tutorial 924 2024-08-19 17:13:33
  • Build a Web App with Oats~i – Setting Up
    Build a Web App with Oats~i – Setting Up
    In the last article, I wrote an introductory post about Oats~i, the open web framework. I talked about its core features, a bit of how it works, and what to expect. If you didn’t read that piece, give it a quick look. Over the past couple of days, I
    JS Tutorial 842 2024-08-19 17:08:07
  • ERR_PNPM_BAD_PM_VERSION This project is configured to use vX of pnpm. Your current pnpm is vY
    ERR_PNPM_BAD_PM_VERSION This project is configured to use vX of pnpm. Your current pnpm is vY
    The problem If you started using corepack to manage versions of your package manager you might have bumped into a very curious case of two very similar commands returning different results: # Calling `pnpm` directly, this works perfectly fine
    JS Tutorial 599 2024-08-19 17:08:03
  • TAWK.TO & NEXTjs integration
    TAWK.TO & NEXTjs integration
    Hey devs! In this article, you will learn about tawk.to and it's integration with NEXTjs. About TAWK.to: Tawk.to is a free, cloud-based live chat software that enables businesses to interact with website visitors in real-time. It offers features l
    JS Tutorial 407 2024-08-19 17:07:36
  • Understanding Clean Code: Formatting ⚡️
    Understanding Clean Code: Formatting ⚡️
    In software development, code is not only for machines but also for humans. Proper code formatting is crucial for readability and maintainability. Clean Code's Chapter 5 discusses these principles, focusing on the importance of formatting for pro
    JS Tutorial 128 2024-08-19 17:07:33
  • ssential React Tricks Every Beginner Should Master in 4
    ssential React Tricks Every Beginner Should Master in 4
    Are you just starting your journey with React? You're in for an exciting ride! React has revolutionized the way we build user interfaces, but like any powerful tool, it comes with its own set of best practices. Today, we're going to explore 7 simple
    JS Tutorial 976 2024-08-19 17:05:03
  • Learning, Growing, and Thriving: My Journey from Coding Bootcamp to Software Guru
    Learning, Growing, and Thriving: My Journey from Coding Bootcamp to Software Guru
    When I finished my coding bootCamp 2 years ago, I was super excited to start my first job as a junior developer. Without any hesitation, I started the daunting job application process, and within a few weeks, I landed a remote role as a junior web de
    JS Tutorial 481 2024-08-19 17:04:36
  • LeetCode Meditations: Coin Change
    LeetCode Meditations: Coin Change
    Let's start with the description for this problem: You are given an integer array coins representing coins of different denominations and an integer amount representing a total amount of money. Return the fewest number of coins that you need to ma
    JS Tutorial 520 2024-08-19 17:04:32
  • [empty * n] Syntax in JavaScript
    [empty * n] Syntax in JavaScript
    In JavaScript, we often encounter various syntaxes and constructs that may seem unusual at first glance. One such construct is the [empty * n] syntax. In This blog will explore what this syntax means, its purpose, why it's useful, its pros and cons
    JS Tutorial 722 2024-08-19 17:04:03

Tool Recommendations

jQuery enterprise message form contact code

jQuery enterprise message form contact code

jQuery enterprise message form contact code is a simple and practical enterprise message form and contact us introduction page code.
form button
2024-02-29
HTML5 MP3 music box playback effects

HTML5 MP3 music box playback effects

HTML5 MP3 music box playback special effect is an mp3 music player based on HTML5 css3 to create cute music box emoticons and click the switch button.
HTML5 cool particle animation navigation menu special effects

HTML5 cool particle animation navigation menu special effects

HTML5 cool particle animation navigation menu special effect is a special effect that changes color when the navigation menu is hovered by the mouse.
Menu navigation
2024-02-29
jQuery visual form drag and drop editing code

jQuery visual form drag and drop editing code

jQuery visual form drag and drop editing code is a visual form based on jQuery and bootstrap framework.
form button
2024-02-29
Organic fruit and vegetable supplier web template Bootstrap5

Organic fruit and vegetable supplier web template Bootstrap5

An organic fruit and vegetable supplier web template-Bootstrap5
Bootstrap template
2023-02-03
Bootstrap3 multifunctional data information background management responsive web page template-Novus

Bootstrap3 multifunctional data information background management responsive web page template-Novus

Bootstrap3 multifunctional data information background management responsive web page template-Novus
backend template
2023-02-02
Real estate resource service platform web page template Bootstrap5

Real estate resource service platform web page template Bootstrap5

Real estate resource service platform web page template Bootstrap5
Bootstrap template
2023-02-02
Simple resume information web template Bootstrap4

Simple resume information web template Bootstrap4

Simple resume information web template Bootstrap4
Bootstrap template
2023-02-02
Cute summer elements vector material (EPS PNG)

Cute summer elements vector material (EPS PNG)

This is a cute summer element vector material, including the sun, sun hat, coconut tree, bikini, airplane, watermelon, ice cream, ice cream, cold drink, swimming ring, flip-flops, pineapple, conch, shell, starfish, crab, Lemons, sunscreen, sunglasses, etc., the materials are provided in EPS and PNG formats, including JPG previews.
PNG material
2024-05-09
Four red 2023 graduation badges vector material (AI EPS PNG)

Four red 2023 graduation badges vector material (AI EPS PNG)

This is a red 2023 graduation badge vector material, four in total, available in AI, EPS and PNG formats, including JPG preview.
PNG material
2024-02-29
Singing bird and cart filled with flowers design spring banner vector material (AI EPS)

Singing bird and cart filled with flowers design spring banner vector material (AI EPS)

This is a spring banner vector material designed with singing birds and a cart full of flowers. It is available in AI and EPS formats, including JPG preview.
banner picture
2024-02-29
Golden graduation cap vector material (EPS PNG)

Golden graduation cap vector material (EPS PNG)

This is a golden graduation cap vector material, available in EPS and PNG formats, including JPG preview.
PNG material
2024-02-27
Home Decor Cleaning and Repair Service Company Website Template

Home Decor Cleaning and Repair Service Company Website Template

Home Decoration Cleaning and Maintenance Service Company Website Template is a website template download suitable for promotional websites that provide home decoration, cleaning, maintenance and other service organizations. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-05-09
Fresh color personal resume guide page template

Fresh color personal resume guide page template

Fresh color matching personal job application resume guide page template is a personal job search resume work display guide page web template download suitable for fresh color matching style. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-29
Designer Creative Job Resume Web Template

Designer Creative Job Resume Web Template

Designer Creative Job Resume Web Template is a downloadable web template for personal job resume display suitable for various designer positions. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-28
Modern engineering construction company website template

Modern engineering construction company website template

The modern engineering and construction company website template is a downloadable website template suitable for promotion of the engineering and construction service industry. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-28
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!