Takeshape / Form machen

                              👋 Willkommen Vielen Dank, dass Sie ShapeForm ausprobieren! Dieser Code wurde zum ersten Mal auf dem 8 / 20 Reactadephia Meetup vorgestellt und aus unserer React App ausgelesen und der Community zugänglich gemacht. Die Präsentation von Strive @ asprouse (Folien, Video) beschreibt, wie wir uns entschieden haben, um unsere eigene Make-Lösung zu entwickeln. Geben Sie ShapeForm einen Whirl und lassen Sie uns wissen, was Sie grunzen oder eine PR eröffnen. ✨ Vorschläge 💪JSON-Schema-Validierung – Ohne Komplikationen das identische Make-Validierungs-Frontend und Backend 💧Nested Object / Array mit Proceed and Drop aufrüsten ⚡️Schnell – Reine Teile für sofortiges Rendern auch bei guten Formen 🗃Redux / Standalone-Direktverwaltung – Wählen Sie Ihr Schnittholz aus 💅Angepasste Widgets – Widgets sind lediglich Reaktionsteile 🚀Reduzierer herstellen – Unbezahlbar für die asynchrone Validierung und Normalisierung von Dateien. Der Himmel ist die Einschränkung 👯‍♀️Multi-Portion-Arten – Mehrere Make-Parts können identische Make-Dateien bearbeiten. Unbezahlbar für komplexe Layouts oder mehrstufige Formulare 🚀 Einrichten npm setup –place form-make oder Geschichte hinzufügen Form-Make 🎓 Dokumentation Möglicherweise kann ShapeForm auch mit oder ohne Ihren Redux-Händler getragen werden. BYO Redux: Richten Sie Ihren Händler mit dem Formreduzierer und der Saga ein // retailer.js import {createStore as createReduxStore, applyMiddleware, design, compressReducers} from ‘redux’; importiere createSagaMiddleware, {END} aus ‘redux-saga’; import {createFormReducer, formSaga} from ‘form-make’; const sagaMiddleware=createSagaMiddleware (); const enhancer=design (   applyMiddleware (sagaMiddleware),   window.devToolsExtension? window.devToolsExtension (): f=>f ); const formReducer=Mähdrescherreduzierer ({   // … deine Reduzierungen   shapeForm: createFormReducer () }); Exportfunktion createStore (initialState) {   const retailer=createReduxStore (formReducer, initialState, enhancer);   sagaMiddleware.lunge (formSaga);   retailer.shut=()=>retailer.dispatch (END);   Wiederverkäufer; } Erstellen Sie Ihre Marke mit dem JSON-Schema // App.js importieren Reagieren von ‘reagieren’; {ShapeForm, SubmitButton} aus ‘form-make’ importieren; {Provider} aus ‘react-redux’ importieren; import ‘./App.css’; {createStore} aus ‘./retailer’ importieren; const schema={   Art: “Objekt”,   Eigenschaften: {       vollständiger Name: {           Titel: “Fat Name”,           Art: “Zeichenfolge”,       },       E-Mail: {           Titel: “Email”,           Art: “Zeichenfolge”,           Layout: “E-Mail”,       },       Newsletter: {           titel: “Werden sie teil unseres newsletters”,           Art: “Boolean”,       },   },   Erforderlich: [“fullName”, “email”], }; Funktion App () {   Rückkehr (                                             ); } Standard-App exportieren; Erzählen Sie mit dem eingetragenen Anbieter // App.js importieren Reagieren von ‘reagieren’; import {ShapeFormProvider, ShapeForm, SubmitButton} from ‘form-make’; import ‘./App.css’; const schema={   Art: “Objekt”,   Eigenschaften: {       vollständiger Name: {           Titel: “Fat Name”,           Art: “Zeichenfolge”,       },       E-Mail: {           Titel: “Email”,           Art: “Zeichenfolge”,           Layout: “E-Mail”,       },       Newsletter: {           titel: “Werden sie teil unseres newsletters”,           Art: “Boolean”,       },   },   Erforderlich: [“fullName”, “email”], }; Funktion App () {   Rückkehr (            ShapeForm                                                 ); } Standard-App exportieren; 🛣️ Straßenkarte ES6 ->TypeScript Abhängigkeiten der Benutzeroberfläche von Traipse Field-Materialien in das Widget-Kit integrieren Swap von Immutable.js zu immer Upgrade React DnD Konvertieren Sie Redux Saga in eine eigenständige Middleware Besser Nicht-Redux-Kunden stärken Stolpern Sie über die Validierung des BYO-JSON-Schemas Custom Arena Serialisierung / Deserialisierung           Made With Delight in von TakeShape   
Weiterlesen

Euch gefällt was ihr seht? Nehmt euch doch einen kurzen Moment und unterstützt uns auf Patreon!
Takeshape / Form machen 1