Da li radite sa postojećim React projektima?

Da. Većina angažmana počinje sa kodom koji je neko drugi napisao. Pročitamo ga, mapiramo noseće delove i menjamo ih postepeno, umesto da predlažemo pisanje ispočetka koje niste tražili.

React ili Next.js — šta da koristimo?

Ako stranice treba da budu pronađene u pretrazi, indeksirane od strane AI pretraživača ili deljene kao linkovi, koristite Next.js: serversko renderovanje daje pretraživačima kompletan HTML. Ako je proizvod iza prijave i vidljivost u pretrazi nije bitna, običan React je često jednostavniji izbor.

Možete li izgraditi dizajn sistem za više timova?

Da. Upravo to je bio Puzzle u kompaniji TransPerfect — Storybook biblioteka deljena kroz ceo tim, uz poseban sloj za upravljanje stanjem pored nje.

React i Next.js razvoj

React frontend koji ostaje brz kako proizvod raste.

Gradimo i iznova gradimo React frontend za proizvode koji su prerasli svoju prvu verziju. To znači Next.js aplikacije renderovane na serveru, biblioteke komponenti koje ceo tim deli i interfejse koji izdrže stvarni saobraćaj, a ne samo dizajnerov računar.

Šta ovo obuhvata

Next.js App Router aplikacije

Serverske komponente, striming i keširanje na nivou rute, podešeni tako da HTML koji dobije pretraživač bude isti onaj koji vidi posetilac. Serversko renderovanje je zahtev pretrage, a ne kozmetika.

Dizajn sistemi i biblioteke komponenti

Zajedničke biblioteke komponenti dokumentovane u Storybook-u, verzionisane i korišćene od strane više produkt timova — isti obrazac koji smo izgradili i održavali kao Puzzle u kompaniji TransPerfect.

Pristupačni interfejsi

Putanje za tastaturu, upravljanje fokusom, greške u formama povezane sa poljima na koja se odnose i kontrast boja koji je izmeren, a ne pretpostavljen. Pristupačnost je noseći deo, a ne naknadna dogradnja.

Migracija i modernizacija

Sa klasnih komponenti na hook-ove, sa Create React App na Next.js, sa JavaScript-a na strogi TypeScript — postepeno, dok proizvod sve vreme nastavlja da se isporučuje.

Brojevi

30%povećanje performansi platforme na React i Node.js proizvodu
9+godina isporuke React-a u produkciju
3jezika podržana od početka do kraja

Dokaz

React rad ovde obuhvata enterprise platformu za prevodilačku memoriju u kompaniji TransPerfect, Storybook biblioteku komponenti korišćenu u više produkt timova i interfejs za istraživanje DNK izgrađen na React-u i Redux-u.

TehnologijeReact · Next.js · TypeScript · Redux · Storybook · Jest · Cypress

Enterprise platforma za prevodilačku memoriju u oblaku
Bezbedna i skalabilna cloud platforma za prevodilačku memoriju i upravljanje prevodilačkim jedinicama na enterprise nivou, građena i održavana dve godine u kompaniji TransPerfect.
Pročitajte studiju slučaja →
Puzzle: Storybook dizajn sistem za celu produkt organizaciju
Puzzle je Storybook UI biblioteka za ceo tim, izgrađena i održavana u kompaniji TransPerfect, uz Dispatcher — poseban alat za upravljanje stanjem koji se koristi sa njom.
Pročitajte studiju slučaja →

Česta pitanja

Da li radite sa postojećim React projektima?: Da. Većina angažmana počinje sa kodom koji je neko drugi napisao. Pročitamo ga, mapiramo noseće delove i menjamo ih postepeno, umesto da predlažemo pisanje ispočetka koje niste tražili.
React ili Next.js — šta da koristimo?: Ako stranice treba da budu pronađene u pretrazi, indeksirane od strane AI pretraživača ili deljene kao linkovi, koristite Next.js: serversko renderovanje daje pretraživačima kompletan HTML. Ako je proizvod iza prijave i vidljivost u pretrazi nije bitna, običan React je često jednostavniji izbor.
Možete li izgraditi dizajn sistem za više timova?: Da. Upravo to je bio Puzzle u kompaniji TransPerfect — Storybook biblioteka deljena kroz ceo tim, uz poseban sloj za upravljanje stanjem pored nje.