• chevron_right

      Ebook-demo – Le moteur de recherche de bouquins décentralisé

      news.movim.eu / Korben · 4 days ago - 07:00 · 2 minutes

    Vous en avez ras le bol de chercher pendant des heures le bouquin que vous voulez lire sans le trouver dans le commerce ? Pourquoi ne pas le télécharger en ligne alors ? Mais oùùùù ?

    Et bien, j’ai peut-être une solution pour vous les amis et ça s’appelle sans chichi ebook-demo , un nouveau projet de moteur de recherche décentralisé pour les livres électroniques, inspiré de Liber3 (qui est un projet aux sources fermées).

    Imaginez un peu le truc : vous tapez le titre du livre que vous cherchez dans la barre de recherche, vous cliquez sur « Search » et BAM, les résultats s’affichent juste en dessous avec le titre et l’auteur de chaque bouquin correspondant. C’est simple, efficace et ça marche du tonnerre !

    Mais attendez, c’est pas tout. Ce qui rend ce projet encore plus cool, c’est qu’il est basé sur des technologies comme React et le SDK Glitter (pour la blockchain du même nom qui sert de base de données décentralisée).

    Bon, je vois déjà les petits malins qui se disent « Ok, c’est bien beau tout ça, mais comment ça s’installe concrètement ? « . Pas de panique, c’est là que ça devient un peu technique mais je vais essayer de vous expliquer ça simplement. Déjà, pour faire tourner ce projet sur votre machine, il vous faudra avoir installé Node.js en version 16.x minimum et npm en version 6.x minimum. Ensuite, vous devrez cloner le dépôt du projet depuis GitHub avec la commande

    git clone https://github.com/j2qk3b/ebook-demo

    puis vous placer dans le dossier du projet avec

    cd ebook-demo

    Là, vous lancez un petit

    npm install

    pour installer toutes les dépendances nécessaires et vous êtes prêt à démarrer le serveur de développement avec

    npm run dev

    Et voilà, si tout se passe bien, vous devriez pouvoir accéder à l’application sur http://localhost:5173 .

    Fastoche, non ? Ensuite, votre instance ira se connecter aux autres instances, et vous pourrez faire toutes les recherches qui vous passent par la tête. Imaginez un peu les possibilités offertes par un tel outil. Vous êtes étudiant et vous devez faire des recherches pour un mémoire sur la littérature française du 19ème siècle ? Pas de souci, en quelques clics vous pouvez retrouver les œuvres de Victor Hugo, Balzac ou Zola. Ou alors vous êtes un fan absolu de science-fiction et vous voulez découvrir de nouveaux auteurs ? Là encore, ce moteur de recherche sera votre meilleur ami pour dénicher les pépites du genre.

    Mais le plus beau dans tout ça, c’est que ce projet est open source et que tout le monde peut y contribuer. Si vous avez des idées pour améliorer l’outil, des suggestions de nouvelles fonctionnalités ou même si vous voulez corriger des bugs. Puis comme c’est décentralisé, c’est le genre de truc incensurable.

    Évidemment, comme tout projet en développement, il y a encore du boulot pour faire de ebook-demo l’outil ultime de recherche de livres électroniques. Mais avec une communauté motivée et des contributeurs talentueux, je suis sûr qu’il peuvent y arriver.

    • 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