EINE REACT-KOMPONENTENBIBLIOTHEK BASIEREND AUF TAILWIND CSS

Eine React-Komponentenbibliothek basierend auf Tailwind CSS

Windmill React-Benutzeroberfläche

Die Komponentenbibliothek für die schnelle und zugängliche Entwicklung wunderschöner Schnittstellen.

Projekte, die es verwenden: Windmühlen-Dashboard-Reaktion

Mission

Seien Sie so zugänglich, wie es sofort einsatzbereit sein kann, und der schnellste Weg zur Produktion.

Gehen Sie zu den Dokumenten, um vollständige Live-Beispiele anzuzeigen

Verwendungszweck

Installieren

npm i windmill-react-ui

Innen |_+_|

tailwind.config.js

Platziere dann |_+_| an der Wurzel Ihres Projekts (die Reihenfolge spielt keine Rolle, solange Ihre Anwendung darin enthalten ist).

Die Schriftart des Browsers wurde unerwartet geändert

const windmill = require('windmill-react-ui/config') module.exports = windmill({ purge: [], theme: { extend: {}, }, variants: {}, plugins: [], })

Verwenden Sie Komponenten in Ihrem Projekt

Windmill

Fahrplan

[ ] Entwicklungs-Live-Server (verwendet derzeit Styleguidist; verschmutzt das |_+_|-Verzeichnis)

Dinge, die für die nahe Zukunft nicht geplant sind und warum:

Neue Komponenten

Diese Bibliothek ist so frisch, dass wir, wenn wir jetzt nur neue Komponenten hinzufügen, nur Fehler und schlechte Designentscheidungen in mehr Code einführen.

Bis wir also einen Punkt erreicht haben, an dem die aktuellen Komponenten in einem guten Zustand sind und wir eine klare Vorstellung davon haben, was eine gute Komponente haben muss, arbeiten wir einfach an der bestehenden Komponentenbasis.

Wie lange wird es dauern? Eine Woche, ein Monat, es hängt davon ab, wie viel Zeit ich dafür investieren kann.

Beitragen

Gabel
Klon
// index.js import React from 'react' import ReactDOM from 'react-dom' import App from './App' import { Windmill } from 'windmill-react-ui' ReactDOM.render( , document.getElementById('root') )
import { Button } from 'windmill-react-ui' function App() { return Hi there! } export default App

Es startet einen lokalen Server unter |_+_| mit allen gerenderten Komponenten.

Dies muss verbessert werden. Ich suche nach einer besseren Möglichkeit, einen lokalen Entwicklungsserver zu erstellen.

Um eine neue gerenderte Komponente anzuzeigen, fügen Sie ein |_+_| . hinzu Datei mit demselben Namen wie die Komponente (siehe aktuelle Komponenten) und fügen Sie Komponenten hinzu wie:

Wie erstelle ich ein Schlangenspiel in Python?

src

Verwenden Sie |_+_| statt |_+_|! Es führt Sie durch einige kurze Fragen und garantiert, dass Ihre Commit-Nachricht standardisiert ist.

Commit löst auch Linting und Testabdeckung aus.

Download-Details:

Autor: estevanmaito

Live-Demo: https://windmillui.com/react-ui

GitHub: https://github.com/estevanmaito/windmill-react-ui

#reagieren #reactjs #javascript

Eine React-Komponentenbibliothek basierend auf Tailwind CSS