الدروس | MASTRILO ACADEMY

Crafting Advanced React Components from Primitivesالدورة/Polymorphic React components (asChild pattern)

منهج الدورة39 درس

01What’s a Monorepo02:49

02Why do I need a Monorepo03:31

03Monorepo Architecture02:16

04Do I need to use monorepo00:51

05Monorepo Tools01:46

06Sharing Code: to build or not04:16

07Setting Up the Monorepo04:42

08Workspace Must-Haves03:09

09Specifying packages in a monorepo06:26

10Root Files: package.json, turbo.json, Lockfile04:05

11Anatomy of a package02:32

12Using the Exports Field in package.json file05:01

13Understanding Barrel Files03:54

14Understanding Dependency Types02:24

15Best practices for dependency installation05:24

16What’s Radix UI Primitives03:22

17Primitives vs Traditional Components03:02

18Introduction to Polymorphic React Components00:59

19Polymorphic React components (as pattern)02:42

20Polymorphic React components (asChild pattern)الدرس الحالي06:15

21Creating an Internal Package07:25

22Creating an Internal Package, continued03:02

23Creating an Internal Package, continued (part 2)06:17

24Add a tsconfig.json03:28

25Configuring JSX in TypeScript01:56

26Implement Simple Slot Component06:19

27Configure Storybook06:15

28Configure Storybook, continued02:25

29Forwarding Refs06:32

30Cloning Elements05:43

31Cloning Elements, continued06:10

32Cloning Elements, continued 203:16

33Merge Props07:51

34Setting Up Unit Testing with Vitest04:11

35Testing Prop Overriding in mergeProps05:38

36Testing Event Handlers Merging in mergeProps04:06

37Testing Styles and Class Merging in mergeProps01:40

38Testing Styles and Class Merging in mergeProps, continued01:03

39Use mergeProps02:43