React

1. Naučte se React praxí – React Router pro začátečníky

   Představte si, že byste mohli změnit obsah webu nebo aplikace, aniž byste je museli znovu načítat. nemožné? Vůbec ne. Můžete to udělat pomocí něčeho, co se nazývá React Router. Jak? jsem rád, že se ptáš. Dnes vás provedu všemi kroky nezbytnými k uvedení React Router do provozu. Od této chvíle uvidít

2. Vytvořte si vlastní To-Do App s React

   React je dnes jednou z nejpoužívanějších JavaScriptových knihoven. Usnadňuje vytváření interaktivních uživatelských rozhraní. React můžete použít k navrhování a vytváření jednoduchých i složitých aplikací. Pokud chcete, můžete jej dokonce použít k vytvoření jednostránkových webových stránek. Jinými

3. Šíleně snadné a jednoduché React Form Tutorial

   Chtěli jste někdy vytvořit čistou formu Reactu? Přáli jste si někdy použít React with Material design? Představte si, že vytvoříte něco funkčního a navíc krásného! Mám pro vás skvělou zprávu… Toto je váš šťastný den! Dnes v tomto tutoriálu vezmeme React a Material design a vytvoříme krásnou formu. D

4. Naučte se React praxí a vytvořte úžasnou galerii obrázků

   Jedním z nejlepších způsobů, jak se naučit React, je praxe. Nic vám nepomůže učit se tak, jako pokusy a omyly. Když si zašpiníte ruce, váš mozek je jako houba. Vaše schopnost vstřebávat nové poznatky je neuvěřitelná. Učení praxí je navíc také zábavnější. Z tohoto důvodu jsem se rozhodl napsat tento

5. Jak používat metody plánování JavaScriptu s háky React

   Někdy můžete chtít provést funkci v určitou dobu později nebo v určeném intervalu. Tento jev se nazývá scheduling a function call . JavaScript poskytuje dvě metody, setInterval nastavení časového limitu Použití těchto metod plánování s reactJs je přímočarý. Abychom je mohli efektivně využít, mu

6. Jak vytvořit formulář React pomocí obslužné rutiny události jedné změny?

   Formulář HTML umožňuje uživatelům zadávat data pomocí vstupních polí, která přijímají text, heslo, e-mail, číslo, barvu, telefonní číslo, datum atd. Uživatelé mohou do textové oblasti psát dlouhé texty, mohou vybrat jednu nebo více položek z pole pro výběr, můžete zaškrtnout nebo zrušit zaškrtnutí p

7. Princess Finder pomocí React, ml5.js a Teachable Machine Learning

   Je čas oslav 🎉. Právě jsme skončili s pohádkovými Vánocemi 🎅 a čekáme na zazvonění nového roku. Vánoční Hackathon od Hashnode je také úspěšný, protože mnoho nadšenců staví něco skvělého a píše o tom. Neměla by existovat žádná omluva, proč se od toho držet dál. A tak mě napadlo postavit něco skvěl

8. 3 rychlé způsoby, jak přidat písma do aplikace React

   V HTML font slouží k určení řezu písma, velikosti písma, typografie textu. Do aplikace React můžete přidávat písma různými způsoby. Tento článek si klade za cíl vysvětlit tři rychlé způsoby přidávání písem do vaší aplikace React. ✨ Použití odkazu Písmo Pomocí <link> můžeme odkazovat na jakéko

9. Časová osa oznámení pomocí React

   Úvod Je to už nějakou dobu, co jsem s Reactem udělal hodně. Když jsem to zkoušel s jednoduchou správou stavu, vestavěnými háčky, základním stylováním a správou událostí, řekl jsem si, proč nepostavit něco užitečného? Tehdy vznikla myšlenka postavit jednoduchý a lehký notification-timeline přišlo mi

10. Porozumění dynamickým importům, Lazy a Suspense pomocí React Hooks

    Vzrušující cesta S výzvou #2articles1week od HashNode to byla zatím vzrušující cesta. Tolik poučení ze čtení skvělých článků, které z toho vycházejí. Věřím, že všichni autoři, kteří se toho účastní, jsou skutečnými vítězi. Hrdě jsem ve 4. týdnu (minulý týden) výzvy a zde je můj 9. článek jako její

11. Průvodce krok za krokem:Smíchejte Redux s ReactJs

    Úvod Toto je druhý příspěvek ze série:Směs Redux a ReactJs – snadné řízení stavu! Pokud jste již spokojeni se základními koncepty Redux, skvělé! Pokud s Reduxem teprve začínáte, rád bych vás povzbudil, abyste si přečetli první příspěvek této série: https://blog.greenroots.info/redux-core-concepts-

12. Dynamické přidání řádku tabulky pomocí React Hook

    Úvod Nedávno jsem měl potřebu dynamicky přidávat řádky tabulky, když uživatel klikne na odkaz v buňce tabulky. Chtěl jsem, aby to vypadalo, že mohu sekci rozbalit a sbalit tak, aby uživatel na požádání viděl další podrobnosti. Tento krátký příspěvek má mluvit o tomtéž, aby mohl být užitečný pro ko

13. Sada nástrojů pro publikování vaší React Component do Node Package Manager (NPM)

    Úvod Dnes jsme součástí stále rostoucí komunity reakcí po celém světě. Mnoho vývojářů reaguje průběžně a vytváří open-source komponenty reakce a publikuje je do úložiště npm. Celý ekosystém je úžasné místo, kde můžete být vývojářem Reactjs. V tomto článku vám představím sadu nástrojů, která vám po

14. Being Reactive – Použití virtuálního DOM a DOM Diffing

    Už je to nějaký čas, co se snažím uvědomit si podstatu reaktivního programování . Počínaje implementací v Angular a RxJS, později s ReactJs a půl roku zpět s Vuejs jsem byl ve stavu, abych se více přehraboval a dozvěděl se něco nového o konceptu. Toto je první příspěvek ze série, který vysvětluje

15. Být reaktivní – řekněte NE virtuálnímu DOM, seznamte se se Svelte

    Zní to divně? Vítejte v Druhém příspěvku ze série s názvem „Being Reactive . Pokud jste ještě nečetli první příspěvek o virtuálním DOM a rozdílech DOM, přečtěte si ho. V minulém příspěvku jsem mluvil o virtuálním DOM, DOM Diffingu a nákladech s tím spojených. Mnoho moderních frameworků a knihove

16. Jak vytvořit odpočítávací časovač pomocí React Hooks

    ⭐ Úvod React (aka ReactJS) je knihovna, která vytváří deklarativní a na komponentách založená uživatelská rozhraní. Díky zahrnutí funkčních komponent a háků je ještě účinnější v oblasti opětovné použitelnosti, lepší organizace kódu a toku dat. Weboví vývojáři široce používají standardní háčky Reac

17. ReactJS useState Hook - líná inicializace a předchozí stav

    Stav komponenty ReactJS je knihovna uživatelského rozhraní založená na komponentách. Každá ze složek, které vytváříme, by měla mít individuální odpovědnost. V reálném světě aplikace ReactJS musí komponenty vzájemně spolupracovat výměnou informací nebo dat. Existuje několik způsobů, jak spolu mohou

18. Reagovat useEffect Hook využití, které musíte znát

    React je knihovna uživatelského rozhraní založená na JavaScriptu. Komponenty React jsou izolované opakovaně použitelné části logiky kódu s vlastním uživatelským rozhraním. Několik komponent se spojilo a vytvořilo smysluplnou fungující aplikaci React. Komponenty můžeme vytvářet dvěma způsoby, pomocí

19. ReactJS Virtuální DOM a usmíření - Vysvětlete, jako bych měl pět

    Co je DOM? DOM je zkratka pro Document Object Model. HTML je jazyk webových stránek. Poskytuje struktuře webových stránek mnoho specializovaných značek, včetně způsobu propojení více stránek dohromady. Struktura webové stránky je reprezentována jako stromová struktura document object . Programovací

20. Systém komentářů využívající diskuze React a GitHub

    Úvod V aplikaci zaměřené na uživatele by uživatelé měli dostat příležitost vyjádřit se. Uživatelé potřebují možnost poskytovat komentáře a zpětnou vazbu k určitým věcem ve vaší aplikaci. Comment System je výkonná funkce, kterou lze přidat do vašich aplikací/webů, ale není příliš jednoduchá na sesta