Best of JSX — 2023

  1. 1
    Article
    Avatar of devtoDEV·3y

    Discover Bun - A Faster, Modern JavaScript Runtime

    The Javascript Space is completely different from 15 years ago when NodeJS was first released. The technology behind Bun Bun is a Javascript Runtime. It starts with an Engine - The Component of a runtime that runs the Javascript code. Bun comes with built-in testing support, and so it is much faster from the other ones.

  2. 2
    Article
    Avatar of communityCommunity Picks·3y

    Daisy UI 3.0 Released: New components, themes, improvements, and more!

    Daisy UI has introduced loading spinners with its latest version. Spinners indicate an activity or event is currently running in the background. The new Accordion component in Daisy UI is an update on but uses radio buttons inside the hood. This makes it possible to make JS-free components more efficient, faster, and accessible.

  3. 3
    Article
    Avatar of jakearchibaldJake Archibald·3y

    The case against self-closing tags in HTML

    JakeArchibald.com: The case against self-closing tags in HTML.

  4. 4
    Article
    Avatar of devtoDEV·3y

    The Best ESLint Rules for React Projects

    Using ESLint for React projects can help catch some common mistakes, code-smells, and define common conventions for a codebase. In this blog, I'll go through some valuable ESLint plugins and rules tailored specifically for React Projects.

  5. 5
    Article
    Avatar of communityCommunity Picks·3y

    JSX and React: Learn how to Write Maintainable Code – CheatSheet

    Learn about the value of React, how it works, and its key concepts.

  6. 6
    Article
    Avatar of devblogsDevBlogs·3y

    Announcing TypeScript 5.1 RC

    Announcing TypeScript 5.1 RC, we expect no further changes apart from critical bug fixes. To get started using the RC, you can get it through NuGet, or through npm with the following command: n. We’ve also made changes to our emit behavior under, ensuring that script files are not rewritten to modules.

  7. 7
    Article
    Avatar of builderiobuilder.io·3y

    Effortless Multi-threading in JSX with worker$

    Using Web Workers in JavaScript traditionally involves some degree of complexity. When using Web Workers, developers must create a separate JavaScript file containing the logic to be run on the worker thread. Qwik’s new experimental function ( @builder.io/qwik-worker) can change your code from running in a Web Worker to running on the server.

  8. 8
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    How to Style Your React Apps with CSS Like a Pro

    You will learn how to integrate React with CSS like a pro by understanding the different ways you can apply styles to your React components. By the end of this tutorial, you should be able to confidently style your React component and build visually appealing user interfaces. You'll also learn some best practices for organizing and maintaining your CSS code.

  9. 9
    Article
    Avatar of communityCommunity Picks·3y

    React 101: Learn to Start with React

    React is an open-source JavaScript library for building dynamic user interfaces. It was developed by Facebook in 2013 and has since gained massive popularity in the developer community. It uses a virtual DOM (Document Object Model) to keep track of changes in an application’s state. This makes React applications incredibly fast and efficient.

  10. 10
    Article
    Avatar of communityCommunity Picks·3y

    Declaring JSX types in TypeScript 5.1

    Declaring JSX types in TypeScript 5.1 - LogRocket Blog: A new feature, described as “ decoupled type-checking between JSX elements and JSX tag types’, arrives with TypeScript5.1. This feature enables libraries to control what types are used forJSX elements.

  11. 11
    Article
    Avatar of communityCommunity Picks·3y

    Breaking Up with SVG-in-JS in 2023

    The most expensive form of sprite sheet: costs a minimum of 3x more than other techniques. This bundle from a popular site is almost 50% SVG icons (250kb), and most are unused. SVGs in JS have a cost and SVGs do not belong into your JS bundle.

  12. 12
    Article
    Avatar of communityCommunity Picks·3y

    Documentation

    Panda combines the developer experience of CSS-in-JS and the performance of atomic CSS. It leverages static analysis to scan your JavaScript and TypeScript files for JSX style props and function calls, generating styles on-demand. The development of Panda was only possible due to the inspiration and ideas from these amazing projects.

See all JSX archives