Design Systems with React & Storybook

File Name

Size

1. Introduction/1. Introduction.mp4

26 MB

2. Foundations of Design Systems/1. Design Systems & Why They Matter.mp4

21 MB

2. Foundations of Design Systems/2. Drawbacks of Design Systems.mp4

6.2 MB

2. Foundations of Design Systems/3. Team Structure.mp4

8.9 MB

2. Foundations of Design Systems/4. Who are Design Systems For?.mp4

4.4 MB

2. Foundations of Design Systems/5. A Practical Example.mp4

11 MB

2. Foundations of Design Systems/6. The Three Pillars of Design Systems.mp4

13 MB

2. Foundations of Design Systems/7. Building a Design System.mp4

42 MB

2. Foundations of Design Systems/8. Design System Checklist.mp4

14 MB

2. Foundations of Design Systems/9. Common Mistakes.mp4

15 MB

3. Foundations of Design/1. Color Overview.mp4

16 MB

3. Foundations of Design/10. Typescale Exercise.mp4

32 MB

3. Foundations of Design/11. Typescale Solution.mp4

13 MB

3. Foundations of Design/12. Other Areas of Design.mp4

4.6 MB

3. Foundations of Design/2. Color Terminology.mp4

21 MB

3. Foundations of Design/3. Color Semantics.mp4

16 MB

3. Foundations of Design/4. Color Values.mp4

6.3 MB

3. Foundations of Design/5. Creating a Color Palette.mp4

20 MB

3. Foundations of Design/6. Color Palette Practice.mp4

23 MB

3. Foundations of Design/7. Typography.mp4

11 MB

3. Foundations of Design/8. Fonts.mp4

16 MB

3. Foundations of Design/9. Typescale.mp4

3.3 MB

4. Designing Components with Figma/1. Button States & Styles.mp4

22 MB

4. Designing Components with Figma/2. Building a Button Exercise.mp4

14 MB

4. Designing Components with Figma/3. Building a Button Solution.mp4

7.3 MB

4. Designing Components with Figma/4. Designing a Modal.mp4

44 MB

4. Designing Components with Figma/5. Designing a Modal Practice.mp4

5.4 MB

5. Developing Styled Components/1. How We Apply CSS & Specificity.mp4

9.1 MB

5. Developing Styled Components/10. Adding Global Styles.mp4

39 MB

5. Developing Styled Components/11. Adding State Exercise.mp4

21 MB

5. Developing Styled Components/12. Adding State Solution.mp4

42 MB

5. Developing Styled Components/13. Button Variations.mp4

30 MB

5. Developing Styled Components/14. Button Variations Exercise.mp4

57 MB

5. Developing Styled Components/15. Button Variations Solution.mp4

7.7 MB

5. Developing Styled Components/16. Making Extensible Themes.mp4

99 MB

5. Developing Styled Components/17. Building a Modal Wrapper.mp4

49 MB

5. Developing Styled Components/18. Building a Modal.mp4

78 MB

5. Developing Styled Components/2. Problems with CSS.mp4

7.9 MB

5. Developing Styled Components/3. CSS Naming Architectures & Preprocessors.mp4

10 MB

5. Developing Styled Components/4. CSS in JS.mp4

4.2 MB

5. Developing Styled Components/5. Application Setup.mp4

88 MB

5. Developing Styled Components/6. Button Activity Exercise.mp4

24 MB

5. Developing Styled Components/7. Button Activity Solution.mp4

17 MB

5. Developing Styled Components/8. Adding Utilities.mp4

24 MB

5. Developing Styled Components/9. Creating a Theme.mp4

36 MB

6. Animating Components/1. Micro-interactions.mp4

16 MB

6. Animating Components/2. useSpring .mp4

33 MB

6. Animating Components/3. useTransition.mp4

47 MB

6. Animating Components/4. Animating the Modal.mp4

42 MB

7. Documenting Components with Storybook/1. Documenting Components with Storybook.mp4

37 MB

7. Documenting Components with Storybook/2. Using Add-ons & Themes.mp4

103 MB

7. Documenting Components with Storybook/3. Actions.mp4

13 MB

7. Documenting Components with Storybook/4. Knobs.mp4

30 MB

7. Documenting Components with Storybook/5. Modal Documentation Exercise.mp4

3.4 MB

7. Documenting Components with Storybook/6. Modal Documentation Solution.mp4

5.5 MB

7. Documenting Components with Storybook/7. Accessibility.mp4

18 MB

7. Documenting Components with Storybook/8. Customizing Storybook.mp4

21 MB

7. Documenting Components with Storybook/9. Deploying Storybook.mp4

46 MB

8. Wrapping Up/1. Wrapping Up.mp4

9.9 MB

design-systems-formatted.pdf

5.5 MB

fem-design-systems-master/README.md

83 B

fem-design-systems-master/package-lock.json

852 kB

fem-design-systems-master/package.json

1.4 kB

fem-design-systems-master/public/favicon.ico

3.1 kB

fem-design-systems-master/public/index.html

1.8 kB

fem-design-systems-master/public/logo192.png

5.2 kB

fem-design-systems-master/public/logo512.png

9.4 kB

fem-design-systems-master/public/manifest.json

492 B

fem-design-systems-master/public/robots.txt

67 B

fem-design-systems-master/src/assets/icons/BaseIcon.js

714 B

fem-design-systems-master/src/assets/icons/CloseIcon.js

1.4 kB

fem-design-systems-master/src/assets/illustrations/SignIn.svg

10 kB

fem-design-systems-master/src/assets/illustrations/SignUp.svg

16 kB

fem-design-systems-master/src/assets/index.js

187 B

fem-design-systems-master/src/components/Button.stories.mdx

1.2 kB

fem-design-systems-master/src/components/Buttons.js

2.9 kB

fem-design-systems-master/src/components/Modal.stories.mdx

811 B

fem-design-systems-master/src/components/Modals.js

2.8 kB

fem-design-systems-master/src/components/TextFields.js

1007 B

fem-design-systems-master/src/components/index.js

83 B

fem-design-systems-master/src/index.js

1.5 kB

fem-design-systems-master/src/utils/Global.js

496 B

fem-design-systems-master/src/utils/colors.js

489 B

fem-design-systems-master/src/utils/index.js

108 B

fem-design-systems-master/src/utils/themes.js

1.6 kB

fem-design-systems-master/src/utils/typography.js

262 B

fem-design-systems-master/storybook-static/asset-manifest.json

929 B

fem-design-systems-master/storybook-static/favicon.ico

3.1 kB

fem-design-systems-master/storybook-static/iframe.html

2.9 kB

fem-design-systems-master/storybook-static/index.html

1.0 kB

fem-design-systems-master/storybook-static/logo192.png

5.2 kB

fem-design-systems-master/storybook-static/logo512.png

9.4 kB

fem-design-systems-master/storybook-static/main.09022d40a351d4691fe3.bundle.js

60 kB

fem-design-systems-master/storybook-static/main.09022d40a351d4691fe3.bundle.js.map

153 B

fem-design-systems-master/storybook-static/main.d78cd8ed3205003265ab.bundle.js

283 B

fem-design-systems-master/storybook-static/manifest.json

492 B

fem-design-systems-master/storybook-static/precache-manifest.33bcd3eaffd93de796d3eebb244c125c.js

423 B

fem-design-systems-master/storybook-static/robots.txt

67 B

fem-design-systems-master/storybook-static/runtime~main.09022d40a351d4691fe3.bundle.js

2.9 kB

fem-design-systems-master/storybook-static/runtime~main.09022d40a351d4691fe3.bundle.js.map

169 B

fem-design-systems-master/storybook-static/runtime~main.23a842e0cf9f5bd27e60.bundle.js

1.5 kB

fem-design-systems-master/storybook-static/sb_dll/storybook_ui-manifest.json

110 kB

fem-design-systems-master/storybook-static/sb_dll/storybook_ui_dll.LICENCE

3.6 kB

fem-design-systems-master/storybook-static/sb_dll/storybook_ui_dll.js

2.3 MB

fem-design-systems-master/storybook-static/service-worker.js

1.2 kB

fem-design-systems-master/storybook-static/vendors~main.09022d40a351d4691fe3.bundle.js

1.4 MB

fem-design-systems-master/storybook-static/vendors~main.09022d40a351d4691fe3.bundle.js.LICENSE.txt

2.4 kB

fem-design-systems-master/storybook-static/vendors~main.09022d40a351d4691fe3.bundle.js.map

170 B

fem-design-systems-master/storybook-static/vendors~main.3f8b9da0222c36107145.bundle.js

2.7 MB

fem-design-systems-master/yarn.lock

614 kB

readme.txt

13 kB