close
  • In 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

  • In 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

  • In 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

  • In 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

  • In 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

  • In 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