Créez votre application d’intelligence artificielle Full-stack avec ReactPy

Créez votre application d'intelligence artificielle Full-stack avec ReactPy' - Comment créer votre application d'intelligence artificielle Full-stack avec ReactPy

Apprenez à utiliser React pour créer de magnifiques interfaces utilisateur en Python !

Introduction

Il est enfin possible d’utiliser React avec Python grâce à ReactPy. Cette bibliothèque vous permet d’utiliser le framework React pour créer de superbes applications sans avoir besoin de connaître Javascript, ce qui est probablement inconnu de la plupart des data scientists.

Dans cet article, nous examinerons les fonctionnalités de cette bibliothèque et développerons des interfaces utilisateur simples. Je vais utiliser Deepnote, qui est un calepin basé sur le cloud idéal pour les projets de science des données collaboratifs.

Passons au code !

Tout d’abord, installons ReactPy.

!pip install reactpy

Le code React est basé sur le développement de composants. C’est-à-dire des blocs de construction réutilisables qui peuvent être assemblés un peu comme des Lego pour construire des interfaces. Chaque composant doit être réutilisable et indépendant, c’est-à-dire qu’il ne doit pas dépendre d’autres composants autant que possible.

• L’imagerie médicale échoue sur les peaux noires. Les chercheurs l’ont résolu.
• Le projet Green Light de Google permet de recaler les feux de circulation pour réduire de 30% les arrêts.
• Les entreprises Internet signalent la plus grande opération de déni de service de tous les temps

Voyons comment construire le premier composant avec ReactPy.

from reactpy import component, html@componentdef App():    return html.h1("Bonjour, ReactPy !")App()

Comme vous pouvez le voir, la création d’un composant de base consiste à définir une fonction en Python avec le décorateur @component. Dans le composant, nous retournons du code qui définit une structure HTML, en l’occurrence un titre h1, et en fait, nous obtenons le résultat suivant.

Je pense que vous commencez à comprendre l’idée selon laquelle ReactPy vous permet d’une certaine manière de créer des interfaces utilisateur en utilisant HTML. Voyons donc comment générer d’autres composants qui utilisent HTML en ajoutant une partie de programmation logique en Python.

Si vous souhaitez étudier ou réviser HTML ou CSS, ce qui est essentiel pour développer du code avec React, vous pouvez consulter w3School :

• https://www.w3schools.com/html/
• https://www.w3schools.com/css/default.asp

Par exemple, supposons que nous avons une liste de dictionnaires en Python représentant une liste de tâches à accomplir, et que chacun de ces dictionnaires a une certaine priorité. Pour…

We will continue to update IPGirl; if you have any questions or suggestions, please contact us!