Dhe cilin duhet të zgjidhni për projektin tuaj të ardhshëm?
Kur bëhet fjalë për krijimin e projekteve të reja React në vitin 2020, ka dy opsione të qarta. NextJS, ose Create-React-App. Gatsby ka rënë në favor. Për shkak të ndërtimeve të ngadalta në shkallë, dhe NextJS duke u bërë gjeneratori më i mirë i faqeve statike.
Le të kalojmë mbi avantazhet dhe disavantazhet e NextJS dhe Create-React-App. Ne gjithashtu do të mbulojmë se cilat raste përdorimi dhe skenarë janë më të përshtatshëm për njëra mbi tjetrën.
Create-React-App
Create-React-App është një bojlerplate që na lejon të krijojmë në skela aplikacione të reja React. Ai ruan varësi si paketa e uebit dhe babel brenda skripteve react. Heqja ekompleksitetit dhe vështirësisë së punës me transpilues dhe bundler.
Kjo do të thotë se përditësimi i atyre varësive "të fshehura" është një punë e lehtë. Prisni për një version të ri të react-scripts dhe përditësoni. Nuk ka nevojë të ngatërrohemi me rregullimin e ndryshimeve të thyera në konfigurimin e paketës sonë të internetit.
Përparësitë e përdorimit të Create-React-App
Është pa opinion.
Jeni të mirëpritur të përdorni cilindo bibliotekë që dëshironi, nuk ka rregulla apo rekomandime. Ju mund të përdorni cilindo bibliotekë të rrugëtimit që preferoni.
Është dhënë nga ana e klientit.
Meqenëse ne japim Create-React-Apps në anën e klientit, vendosja është e lehtë. Ju mund të strehoni aplikacionin tuaj në çdo host skedari, si S3. Aplikacionet e paraqitura nga klientët janë më të lehta për t'u punuar dhe më të lehta për t'u arsyetuar.
Disavantazhet e Create-React-App
Është e vështirë të personalizosh.
Nuk ka asnjë mënyrë të integruar për të personalizuar aplikacionin tuaj. Nëse keni nevojë të personalizoni konfigurimin e Uebpack-it tuaj, opsioni juaj i vetëm është të përdorni një mjet të palës së tretë si craco ose eject. Dhe pasi të keni hequr, në radhë të parë keni humbur shumicën e përfitimeve të përdorimit të Create-React-App.
Ai abstrakton kompleksitetin.
Create-React-App funksionon shkëlqyeshëm derisa të duhet të bësh diçka që nuk e mbështet. Më pas bëhet me qime. Duke fshehur konfigurimin babel dhe ueb paketën, Create-React-App e bën të lehtë fillimin. Por kjo i dekurajon zhvilluesit që të mësojnë më shumë se si funksionojnë këto mjete jetike.
Është e keqe për SEO
Meqenëse ne japim Create-React-Apps në anën e klientit, ato luftojnë me SEO dhe nuk duhet të përdoren për tregti elektronike ose përpjekje marketingu.
NextJS
Është pothuajse e padrejtë të krahasosh NextJS me Create-React-App sepse NextJS është shumë më tepër. Ndërsa CRA është një mjet për skelat e aplikacioneve React, NextJS është një kornizë për ndërtimin e aplikacioneve React. Nga kutia, ai ju jep interpretim nga ana e serverit, gjenerim të faqeve statike, funksione pa server dhe shumë më tepër. Është një kuti veglash që ju jep gjithçka që ju nevojitet për të krijuar aplikacione uebi performuese.
Dëshironi të bëni NextJS një hap më larg? Shikoni "HappyKit". HappyKit u jep aplikacioneve tuaja NextJS detyra të përsëritura (punë CRON), analitikë të thjeshtë të vdekur dhe flamuj të veçorive. "Regjistrohu" për beta sot!
Përparësitë e përdorimit të NextJS
Ai flakëron shpejt.
Falë paraqitjes nga ana e serverit dhe gjenerimit të faqeve statike, aplikacionet NextJS po flakërojnë shpejt. Më pas kujdesuni për shumë optimizime të performancës për ne, duke na dhënë performancën si parazgjedhje.
Është e lehtë për t'u vendosur.
Vercel (kompania pas NextJS) e bën të lehtë "vendosjen e aplikacioneve React të plotë". Me vetëm disa klikime, ju merrni një tubacion profesional të vendosjes. Kjo përfshin vendosjet paraprake dhe vendosjet e prodhimit.
Na jep rrugë API.
NextJS na jep një mënyrë të shpejtë dhe të thjeshtë për të ndërtuar API brenda aplikacioneve tona. Nëse aplikacioni juaj funksionon me API të palëve të treta, shpesh ju nevojitet API-ja juaj për të plotësuar kërkesat dhe për t'i mbajtur të fshehta argumentet tuaja. Rrugët API të NextJS janë perfekte për këtë rast përdorimi.
Është e lehtë për t'u personalizuar.
NextJS na lejon të personalizojmë konfigurimin tonë babel ose ueb-paketë. Është e lehtë të shtosh ngarkues të paketave në ueb ose shtojca babel.
Disavantazhet e përdorimit të NextJS
Është i mendimit.
Ekziston vetëm një mënyrë për t'u marrë me rrugët në NextJS dhe nuk mund ta personalizoni atë. NextJS është i kufizuar në ruterin e tij të bazuar në skedarë dhe rrugët dinamike janë të mundshme vetëm kur përdoren me një server NodeJS.
Kur të përdorni NextJS
Kur ndërtoni një faqe uljeje.
NextJS shkëlqen kur bëhet fjalë për krijimin e faqeve të uljes dhe materialeve të tjera të marketingut.
Kur SEO ka rëndësi.
Kur krijoni faqe të tregtisë elektronike, SEO është më e rëndësishme se kurrë. Falë paraqitjes nga ana e serverit, NextJS shkëlqen në këtë departament.
Kur ndërtoni faqe interneti.
Paraqitja e aplikacionit tonë në server heq barrën e paraqitjes së klientëve tanë. Për përdoruesit në pajisje më të ngadalta, kjo mund të çojë në kohë shumë më të shpejta të ngarkimit.
Kur të përdorni Create-React-App
Kur ndërtoni një aplikacion të mbyllur.
Nëse aplikacioni juaj është i disponueshëm vetëm për përdoruesit e vërtetuar, ai humbet shumë nga përfitimet e paraqitjes nga serveri. Për këtë rast përdorimi, aplikacionet e paraqitura nga klienti funksionojnë mirë dhe janë më të lehta dhe më të lira për t'u pritur.
Kur ndërtoni aplikacione në internet.
Aplikacionet në ueb në përgjithësi përfitojnë më pak nga interpretimi nga ana e serverit. Ato përdoren përgjithësisht nga përdoruesit e përsëritur dhe ne mund të përdorim memorien e memories për t'u dhënë atyre kohë ngarkimi të shpejtë pa kosto ose sherr të SSR.
Shpresojmë se ky artikull ju ka ndihmuar të vendosni nëse NextJS dhe Create-React-App janë më të mira për projektin tuaj të ardhshëm. Mos harroni, të dyja këto janë mjete fantastike për krijimin e aplikacioneve React. Nuk ka asnjë fitues mes tyre - për disa raste përdorimi NextJS është më i mirë, dhe për të tjerët, Create-React-App është më i mirë.
