Když má váš design systém obsloužit produkty rozkročené mezi Reactem a starým dobrým PHP, nemusí to být problém, ale příležitost. Příběh o tom, jak jsme dosáhli stejného zápisu v Twig i JSX, co jsme tím získali a co nám to přinese do budoucna.

1. Adam Kudrna — 8. 3. 2023 — Praha
TwigX: pište PHP šablony
jako v Reactu
Frontendisti

3. https:/
/github.com/react-ui-org/react-ui
https:/
/github.com/lmc-eu/spirit-design-system

6. 1. React
2. Twig
3. TwigX
4. Jak to funguje
5. Budoucnost
PP

7. React

12. Požadavky na komponenty
✅ Jedna definice, libovolný počet volání
✅ Konfigurovatelnost přes API, typované props (pokud možno)
✅ Kompozice
✅ DX: pohodlný zápis

15. Twig

16. https:/
/react-etc.net/entry/wappalyzer-stats-indicate-php-has-a-82-marketshare-in-2018

17. include macro embed

25. Požadavky na komponenty
✅ Jedna definice, libovolný počet volání
✅ Konfigurovatelnost přes API, typované props (pokud možno)
⚠ Kompozice
💥 DX: pohodlný zápis

26. TwigX

32. Jak to funguje

35. Požadavky na komponenty
✅ Jedna definice, libovolný počet volání
✅ Konfigurovatelnost přes API, typované props (pokud možno)
⚠ Kompozice
✅ DX: pohodlný zápis

36. Požadavky na komponenty
✅ Jedna definice, libovolný počet volání
✅ Konfigurovatelnost přes API, typované props (pokud možno)
✅ Kompozice
✅ DX: pohodlný zápis

37. ⚠ Filtr default

39. 🤫

40. 🫣

41. Požadavky na komponenty
✅ Jedna definice, libovolný počet volání
✅ Konfigurovatelnost přes API, typované props (pokud možno)
✅ Kompozice
🤞 DX: pohodlný zápis

42. Budoucnost

43. TwigX React

44. https:/
/github.com/lmc-eu/twigx-bundle

45. https:/
/github.com/lmc-eu/spirit-design-system

46. DÍKY!
@AdamKudrna — @FrontendGarden