• chevron_right

      Building tables in React: Get started with react-table

      pubsub.slavino.sk / infoworldcom · Wednesday, 3 January - 10:00 edit

    Displaying data in tables is a lasting requirement of user interfaces. React Table is described as an “almost headless” table library for React. It focuses on giving you all the data aspects in a convenient format and leaves the styling and componentizing to you. This approach makes it easy to build powerful data grids and style them as needed. In this article, we'll use the react-table library to build a table with styling, filtering, sorting, and paging.

    What is react-table?

    The most recent version of the react-table library is part of TanStack , a larger project that provides components in a framework-agnostic way. Accordingly, react-table can drive table components for several frameworks: React, Solid, Vue, Svelte and applications built using TypeScript or JavaScript. Our examples focus on building a table in React.

    To read this article in full, please click here


    Značky: #React, #Rozne, #JavaScript

    • chevron_right

      Hands-on with GatsbyJS

      pubsub.slavino.sk / infoworldcom · Thursday, 13 January, 2022 - 11:00 edit

    Somewhere between using a WYSIWYG editor like Wix and building your own stack from the ground up with something like Webpack is using a framework like Gatsby .

    Gatsby is better known as a static site generator , though it also competes with full-blown full-stack, server-side rendering frameworks like Next.js and SvelteKit . Gatsby takes pains to make the development experience friendly and easy, while delivering essential website features like modern blur-up images out-of-the-box.

    To read this article in full, please click here


    Značky: #Rozne, #React, #JavaScript

    • chevron_right

      Big Next.js upgrade has new Rust compiler, ES Modules support

      pubsub.slavino.sk / infoworldcom · Thursday, 28 October, 2021 - 10:00 edit

    Next.js 12 , the latest version of Vercel’s web development framework for building React applications, highlights faster builds via a new Rust compiler along with native ES modules for JavaScript.

    Described by Vercel as the biggest release of Next.js ever, Version 12 was introduced October 26. The Rust compiler in the release was built on swc JavaScript/TypeScript compiler technology and leverages native compilation. Builders of Next.js have optimized bundling and compiling, with a roughly threefold faster refresh locally for compilation and an approximately fivefold increase for production builds.

    To read this article in full, please click here


    Značky: #React, #JavaScript, #Rozne, #Rust

    • chevron_right

      Unstoppable Jamstack and the Gatsby opportunity

      pubsub.slavino.sk / infoworldcom · Monday, 25 October, 2021 - 10:00 edit

    Apparently, we’re back to wearing bell-bottoms in website land. But this time, they’re cool. Although we started with simple static-site generators (SSGs), the web evolved to embrace database-driven approaches to allow for increasingly dynamic websites. Content management systems (CMSs) like WordPress, Drupal, and Adobe Experience Manager emerged to give enterprises an all-inclusive approach to building their sites, whether a simple blog or an online catalog. SSGs seemed to be a thing of the past.

    To read this article in full, please click here


    Značky: #React, #Rozne, #JavaScript

    • chevron_right

      How to handle component interaction in React

      pubsub.slavino.sk / infoworldcom · Thursday, 25 February, 2021 - 11:00 edit

    Every React app is composed of interacting components. How these components communicate is an essential aspect of the UI architecture. As applications grow larger and more complex, component interaction becomes even more important.

    React provides several methods for handling this need, each with its appropriate use cases. Let’s begin with the simplest approach, parent-to-child interaction.

    [ Also on InfoWorld: Angular, React, Vue: JavaScript frameworks compared ]

    Parent-to-child with props

    The simplest form of communication between components is via properties — usually called props . Props are the parameters passed into child components by parents, similar to arguments to a function.

    To read this article in full, please click here


    Značky: #JavaScript, #Rozne, #React

    • chevron_right

      Angular, React, Vue: JavaScript frameworks compared

      pubsub.slavino.sk / infoworldcom · Thursday, 11 February, 2021 - 11:00 edit

    When considering React, Angular, and Vue, the first thing to note is that they carry the same notion at their cores: data binding. The idea here is that the framework assumes the work of tying the state of the application to the active elements of the interface. Each framework has its own idioms for accomplishing this, but it is the increased clarity of design in state-driven data binding that distinguishes this generation of frameworks from the previous one.

    This kind of automatic state-driven architecture is sometimes referred to as a reactive system.

    [ Also on InfoWorld: The most valuable software developer skills to get hired now ]

    State-driven components

    Figure 1 describes how state manifestation is handled without such frameworks. Figure 2 describes how it is handled with the frameworks.

    To read this article in full, please click here


    Značky: #React, #Angular, #Vue, #JavaScript, #Rozne

    • chevron_right

      How to handle errors in ReactJS

      pubsub.slavino.sk / infoworldcom · Thursday, 28 January, 2021 - 11:00 edit

    Graceful error handling is an essential element of well designed software. This is true of front-end JavaScript user interfaces, and ReactJS provides specialized error handling for dealing with render-time errors. This article offers an overview for dealing with errors in ReactJS applications.

    [ Also on InfoWorld: How to use React functional components ]

    We can divide errors broadly into two types, and error handling into two aspects.

    The two error types:

    1. JavaScript errors
    2. Render errors

    JavaScript errors are those which occur in the code and can be handled with standard try/catch blocks, while render errors occur in the view templates and are handled by React error boundaries.

    To read this article in full, please click here


    Značky: #JavaScript, #Angular, #React, #Rozne