Během posledních šesti měsíců jsem hodně experimentoval s Reactem i Cloudinary a byla to pecka – hodně se učím a zároveň získávám ambice a žízeň, které jsem měl jako mladý vývojář. React bylo zjevení: pokročilý rámec JavaScriptu, který věci příliš nekomplikuje a povzbudil mě, abych se naučil více ES
Pokud mě sledujete na Twitteru, budete vědět, že jsem si React opravdu oblíbil, stejně jako zřejmě všichni ostatní ve světě vývoje JavaScriptu. Aplikace React, na které pracuji, je relativně malá, vytváří požadavky na načítání k odesílání a přijímání dat, vykresluje pouze jednu sadu dat, takže hodně
Reaktivní programování vzalo JavaScript útokem v posledním desetiletí, a to z dobrého důvodu; front-end vývoj velmi těží z jednoduchosti psaní kódu uživatelského rozhraní, které „reaguje“ na změny dat, čímž se eliminuje podstatný imperativní kód náchylný k chybám, jehož úkolem je aktualizovat UI. I
Existuje spousta skvělých nástrojů pro vytváření moderních aplikací, které nám často mohou usnadnit život, ale jedním z aspektů, který je často ošemetný a časově náročný, je ověřování. Krajina kolem vytváření aplikací je dnes jiná, než bývala, což může ztěžovat efektivní používání tradičních metod a
Toto je adaptace několika úryvků z knihy Scotta Hasbroucka „The Node.js Engineers Guide to Stripe“ – nyní k dispozici! s 10% slevou pro čtenáře Davida Walshe s kódem:WALSH10 Čím se budeme zabývat Nahraďte Checkout.js za Stripe.js Odstranění tlačítka Checkout.js Přidání povinných polí Stripe Integ
Je ve mně něco, co je ohromující, ale krásné 3D rozhraní. A nezáleží na tom, zda jsou funkční jako nabídka funkcí gyroskopu, technologické demonstrátory jako úžasné demo periodické tabulky od slavných nebo jde o umělecké znázornění posouvající limity současné technologie CSS, jako jsou pera od Ana T
Streamování zábavy je velkým zájmem mého spotřebitele i webového vývojáře. Moje láska k streamované zábavě sahá až do počátků RealPlayeru a bídy s milionem kodeků. Rychle vpřed k dnešku a hodně pracuji s ReactJS, stejně jako s desítkami streamovacích technologií, jako je YouTube, Twitch, Facebook a
I když miluji ReactJS, mohu říci, že někdy zjišťuji, že interakce, které byly snadné během pre-ReactJS, jsou nepříjemně obtížné nebo alespoň „nepřímé“. Jedním příkladem je správné zajištění, že daný <input> prvek se zaostří, když klepnete na tlačítko v jiné komponentě; za starých časů to byly
JSX je úžasný pseudojazyk pro React, a abych byl upřímný, právě to mě přivedlo k tomu, že jsem React tak miloval. Používání Reactu bez JSX je těžkopádné a frustrující, zatímco použití JSX je tak jednodušší způsob, jak vyjádřit svůj kód. Jednou nevýhodou JSX je však to, že přístup k prvkům komponent
Načtení uzlu DOM komponenty React je poměrně jednoduché zevnitř komponenty samotné, ale co když chcete pracovat zpětně: načíst instanci komponenty podle uzlu DOM? Toto je úloha, kterou starý framework Dijit Dojo Toolkit umožňoval s dijit.byId metoda, takže mě to přimělo přemýšlet, jestli byste toté
Když se emotikony poprvé dostaly na webovou scénu, obrátil jsem oči v sloup – připadaly mi jako chabá komunikační metoda pro chichotající se děti. Po letech dalších zkušeností s prací na dálku, správou komunit s otevřeným zdrojovým kódem a komunikací s lidmi, kteří možná nechápou můj smysl pro humor
Za ty roky jsem si React.js a JSX zamiloval; stavové vykreslování a logický pracovní postup mě přiměly spatřit světlo tohoto moderního rámce. To neznamená, že nejsem někdy trochu frustrovaný z toho, že se „jednoduché“ věci zdají těžší, než by měly být. Získat odkaz na prvek a upravit jeho vlastnosti
Vědět, jaký typ vstupu jste obdrželi, je v JavaScriptu nesmírně důležité, což je velký důvod pro vzestup Flow a TypeScript. Jedním z takových případů, kdy je užitečné vědět, co objekt představuje, je, zda je vstupem řetězec nebo prvek React. Chcete-li zjistit, zda je objekt prvkem React, můžete pou
Autentizace je jedna z věcí, která prostě vždy vyžaduje mnohem více úsilí, než bychom chtěli. Chcete-li nastavit autentizaci, musíte znovu prozkoumat témata, o kterých jste od poslední autentizace nepřemýšleli, a rychlá povaha prostoru znamená, že se věci mezitím často změnily. Nové hrozby, nové mož
Začátky webu byly, pokud jde o praktiky kódování, jako na divokém západě – stačí, aby to fungovalo. Poté jsme získali osvícení k lepším postupům, oddělením HTML od CSS a JavaScriptu. Pak přišel React a JSX, kde kombinujeme JavaScript, HTML a dokonce CSS se stylovými komponentami – jaký elegantní nep
Háčky jsou nezbytné pro vzor funkčních komponent v Reactu. Jedno časté srovnání logiky s class komponenty porovnával předchozí prop hodnotu s aktuálním prop hodnotu prostřednictvím metod životního cyklu. Jaký je tedy snadný vzor pro duplikování předchozích srovnání hodnot ve funkčních komponentách?
TL;DR Můj velmi oblíbený kurz byl aktualizován (zcela přehrán) a najdete jej zde: 👇👇👇👇👇👇👇👇👇 kcd.im/advanced-react 👆👆👆👆👆👆👆👆👆 Zde je úvod: TAKY! Můžete to sledovat v codesandbox přímo zde: Co je tedy nového? Tento kurz byl původně publikován v prosinci 2017. Několik měsíců p
Asi před rokem jsem publikoval Jak poskytnout uživatelům kontrolu vykreslování pomocí prop getterů. V tomto příspěvku ukazuji celou implementaci (v té době) react-toggled který jsem ve skutečnosti vytvořil pouze za účelem výuky některých vzorů, které jsem použil vdownshift . Je to mnohem menší a jed
Po mnoha letech používání Vue a Angular.js (použil jsem první verzi Angular, když vyšla) musím říct, že jsem si vždy užíval jednoduchost používání v-if a ng-if podmíněně vykreslovat podřízené komponenty. Teď píšu primárně React a vadí mi neustálé používání ternárních operátorů při práci s podmíněně
Přes Vánoce jsem byl u rodičů. Kromě celodenního jídla a hraní deskových her jsem se pokusil přečíst dvě knihy, které jsem si přinesl. Jednou z knih byl ODPOVĚDNÝ RESPONZIVNÍ DESIGN od Scotta Jehla. Nedávno vyšla a je to opravdu dobré čtení. Ještě jsem ji nedočetl, ale baví mě a určitě je v TOP5 že