Brezplačen Cloud Umetniški vmesnik za Frontend razvijalce

CloudFlare je pred kratkim napovedal obsežno prenovo svojega sistema od Backbone do React.js. To je prišlo z posodobljen okvir uporabniškega vmesnika in ekipa se je odločila, da jo bo odprla za vse.

The Okvir UI za CloudFlare, skrajšano CF-UI, je brezplačna odprta koda knjižnice frontend kod, ki jih lahko povezati v delovni tok React.

Ekipa je bila zelo odprta glede svoje poteze vključno z drugimi tehnologijami kot je Lerna.js za upravljanje kode v več posestih. Ta prenova poteka globlje od površinskih komponent, vendar te brezplačne komponente lahko močno spremenijo vaš potek dela.

Dodan je bil CloudFlare komponente po meri v knjižnico testi enot za preverjanje kakovosti kode. Vidite lahko demo v živo za vse komponente na tej strani, vključno z dokumentacijo in odrezke kode.

Vsa koda je zgrajena z React, zato razširi razrede za različne komponente, kot so paginacija, spustni meniji, vnosna polja in celo samodejno kopiranje besedilnih področij.

Lahko brskate po vseh paketih na GitHubu in vsi so lahko nameščen prek npm. Upoštevajte, da to ni preprost okvir za frontende, kot je Bootstrap (čeprav tesno posnema njihov slog). Namesto tega je to a popoln pristop React + Redux sestavnih delov.

Upoštevajte, da se morate že počutiti udobno pri delu z komponentami React, namestitvijo knjižnic prek npm in dodajanjem povezav prek React Redux.

Vsi ti projekti so odprtokodni in enostavno dodani na vašo spletno stran. Posamezne komponente imajo lastne datoteke JS ki jih lahko dodate v glavo spletnega mesta. In lahko brskanje po vseh komponentah na strani GitHub, če želite izvedeti več.

Primeri v živo in odrezke izvorne kode lahko najdete tukaj, če želite potopiti desno noter. In, seveda, če imate vprašanja ali ideje za tehnične lastnosti, morate brskati po imenik za več informacij. Poskusite lahko tudi pošiljanje sporočil CloudFlare ali jim pošljete tweet @Cloudflare.