Přidáváte do své aplikace lokalizaci a pokoušíte se ji otestovat pomocí testů jednotek Jest a knihovny React Testing Library? Používáte rozhraní Intl Internationalization API a máte problémy s jeho zesměšňováním? Tento článek byl původně zveřejněn (a je aktuálnější) na https://thoughtsandstuff.com
Takže dnes se mi podařilo trochu zatlačit na tuto aplikaci pro reakci od @marizoo, aniž bych si na svůj místní počítač instaloval nějaké závislosti. Rychle se podívejte na aplikaci React kliknutím sem: Tady je návod, jak jsem to udělal
Nalezení správné cesty k importu komponenty je při vývoji Reactu vždy velkým bolehlavem. Rozvržení správné struktury pro váš projekt React dopředu pomůže vám a vašemu týmu v mnoha ohledech v procesu vývoje: Lepší pochopení toho, jak jsou soubory propojeny a spolupracují Snazší údržba při rozšiřován
Hlavním cílem React UseContext Hook je, aby vývojáři byli schopni rozdělit různé deklarované UseState Hooky mezi komponenty různých souborů v projektu React. Aby bylo možné použít useContext Hook, měl by být createContext již spuštěn v celkové nadřazené komponentě projektu React.
Níže vidíte způsob načítání dat pomocí dotazu React a TypeScript. Reagovat odkaz na dotaz Můžete použít nástroj Transform, který transformuje soubory JSON na TypeScript a mnoho dalšího. Tento nástroj je docela užitečný, když máte vnořená data. Musíte si vytvořit svého graphql klienta. V mé
Tailwind je framework CSS, který výrazně zkracuje váš čas na vývoj webové aplikace. Dovolte mi, abych vám řekl několik problémů, se kterými jsem se setkal s CSS. Je to dlouhé a nudné. Někdy může být velmi obtížné ji udržovat. Je dokonce těžké škálovat web, jehož CSS není napsáno „profesio
Jsem tak blízko k dokončení mého bootcampu na Flatiron. Dokončil jsem React a vrhám se do Reduxu. Řeknu, že když jsem se začal učit React, myšlenka na to, kam uložit stav, byla trochu zdrcující. Když jsem začal kreslit své uzlové stromy, bylo to mnohem jednodušší. Pak přišel Redux a nápad na obchod,
Ahoj kolegové kodéři! Nedávno jsme potřebovali zobrazovat naše reagující nativní reklamy na aplikace na různých platformách, jako je Facebook nebo Instagram, takže k tomu musíte mít FB SDK nainstalované a nakonfigurované ve vaší aplikaci. React Native FBSDK (nepodporováno) Dozvěděl jsem se, že Fa
Jak reaguji na algos Toto je druhý článek ze série, jehož cílem je seznámit vás s REACTO. Dnes se podíváme na jednu zábavnou, kterou jsem našel na Codewars, abych přeložil text do prasečí latiny. 🐽 Podívejte se na první článek série, First Double Pamatujete si REACTO? REACTO je zkratka, která p
Reaktivita je základní vlastností moderních frameworků Javascript. Je to jako umístit sledovač na vaše data. V tomto článku se naučíte jeden přístup k implementaci reaktivity pomocí Observer Pattern. Za méně než 10 si také nakódujete svou vlastní jednoduchou funkci reaktivity řádky Javascriptu. Vz
Onehdy jsem potřeboval otestovat React hook s Avou, což mě vedlo k pokusu použít React Testing Library, a trvalo mi několik minut, než jsem přišel na nejlepší způsob, jak to udělat, protože dokumentace k tomu byla rozložena do několika stránky. Pracuji s npm, takže upravte příkazy podle potřeby. Ne
Co je to hluboká reaktivita? ptáte se. Z dokumentace Vue.js: Ve Vue.js se při použití možnosti data nebo funkce reactive() objekt JavaScriptu transformuje na objekt, kde je každá jednotlivá vlastnost (včetně vlastností na vnořených objektech) reaktivní. Každá vlastnost se ve skutečnosti stává svým
Problém jsem vytvořil zde v úložišti apollo-client. Funguje dobře s ostatními fetchPolicy možnosti, ale nepracuje správně s cache-and-network . Než problém vyřešíte, zde je jedna z alternativ. alternativa Starting polling manually const { data: todosData, error, startPolling, s
Toto je pravděpodobně nejjednodušší řešení pro pochopení ReactMapping_Components. Rozdělte aplikaci emojipedia hostovanou na CodeSandbox a pak je práce hotová. Nasazeno:🤯 https://325df.csb.app/ Kontrola verzí + dokumentace 🤐 https://github.com/hr21don/ReactMapping_Components Licence:📝 Tent
Po více než roce práce s hrdostí oznamuji vydání verze 1.0.0 Felte! Felte je rozšiřitelná knihovna pro správu formulářů pro Svelte, Solid a (dnes) React. Jeho hlavní charakteristikou je, že nevyžaduje žádný typ Field nebo Form komponenty k práci. Ve své nejzákladnější podobě vyžaduje pouze, abyste
Jak reaguji na algos Vidíš, co jsem tam udělal? REACTO a reagovat na. Oh, nevadí! Toto je článek o REACTO a o tom, jak jsem se naučil milovat tento běžný přístup k řešení problémů. Co je REACTO? Jednoduše řečeno, REACTO je zkratka, která představuje fáze řešení problému touto metodou. Toto jsou k
učení reagovat a reduxovat pomocí sololearn, abych pomohl získat základy toho, a když to dokončím, absolvuji kurz udemy vyučovaný travisty media (brad), který vydal. využívám čas, který mám kvůli svému zranění, abych věnoval čas a úsilí tomu, abych se naučil tento rámec.
👋🏿Jambo lidi, Neustálé otevírání Xcode za účelem sestavování aplikace na skutečném zařízení je oříšek, otevřete terminál a pojďme se rovnou ponořit. Krok 1 Z jakéhokoli podivného důvodu jej ještě nemáte, nainstalujte si homebrew /bin/bash -c $(curl -fsSL https://raw.githubusercontent.com/Hom
Fragmenty React byly funkcí vydanou v React 16.2. Existují již nějakou dobu, ale byly relativně méně používanou funkcí. Pojďme prozkoumat, co a proč tato funkce existuje. Co jsou React Fragmenty? Fragmenty React jsou doplňkem syntaxe React, který umožňuje zalamování nebo seskupování více prvků HTM
React se dá docela snadno naučit, pokud znáte JavaScript, nicméně je docela snadné ztratit přehled o svém projektu nebo jen něco pokazit, když se škáluje nebo se připravuje na refaktor nebo přepis. Podělím se o pár tipů, které mi doslova zachránily život...a spoustu času. Pojďme do toho! Tip 1:(Pou