• Урок 1. 00:06:35
    What are design systems
  • Урок 2. 00:08:33
    Atomic Design principles
  • Урок 3. 00:05:34
    Example design systems
  • Урок 4. 00:05:03
    Your role as an engineer in a design system
  • Урок 5. 00:04:06
    What we'll build
  • Урок 6. 00:01:50
    Css architecture checklist
  • Урок 7. 00:02:50
    Setup folder and file structure
  • Урок 8. 00:09:27
    Define system variables
  • Урок 9. 00:07:35
    Define foundation colors
  • Урок 10. 00:01:54
    Assignment - Define foundation colors
  • Урок 11. 00:02:01
    Define foundation typography
  • Урок 12. 00:01:11
    Assignment - Define foundation typography
  • Урок 13. 00:03:43
    Define mixins
  • Урок 14. 00:03:13
    Assignment - Define mixins
  • Урок 15. 00:06:32
    Global root and css reset
  • Урок 16. 00:07:16
    Add stylelint and prettier
  • Урок 17. 00:03:57
    Setup husky and pre-commit hooks
  • Урок 18. 00:06:49
    Compile scss to css
  • Урок 19. 00:09:22
    Compile components to css
  • Урок 20. 00:10:08
    Setup mono repository with yarn and lerna
  • Урок 21. 00:04:02
    Add react package to mono repository
  • Урок 22. 00:04:43
    Add rollup to compile react
  • Урок 23. 00:10:31
    Setup a react playground
  • Урок 24. 00:03:53
    Setup dev script for all packages
  • Урок 25. 00:03:32
    Identify atoms, molecules and organisms
  • Урок 26. 00:00:52
    Assignment - Identify atoms, molecules and organisms
  • Урок 27. 00:05:01
    Develop the colour component
  • Урок 28. 00:08:47
    Dynamically generate utility classes
  • Урок 29. 00:01:06
    Assignment - create image atom
  • Урок 30. 00:07:02
    Extract foundation to a separate package
  • Урок 31. 00:15:23
    Spacing component
  • Урок 32. 00:11:10
    The select molecule
  • Урок 33. 00:11:52
    Styles for the select molecule
  • Урок 34. 00:07:11
    Calculate the overlay position
  • Урок 35. 00:03:32
    Style the select option
  • Урок 36. 00:08:35
    Selected option state
  • Урок 37. 00:02:18
    Animate select caret
  • Урок 38. 00:07:41
    Render props for custom option
  • Урок 39. 00:03:25
    Expanded and popup aria attributes
  • Урок 40. 00:16:53
    Control menu items with keyboard
  • Урок 41. 00:09:53
    Accessible keyboard navigation
  • Урок 42. 00:07:24
    Setup babel and jest
  • Урок 43. 00:01:00
    Assignment - Select test cases
  • Урок 44. 00:09:22
    Assignment - Select test cases solution
  • Урок 45. 00:05:06
    Tests for foundations
  • Урок 46. 00:07:53
    Setup storybook
  • Урок 47. 00:04:06
    Select component variants
  • Урок 48. 00:09:07
    Addon knobs
  • Урок 49. 00:07:40
    Addon accessibility
  • Урок 50. 00:05:57
    Visual regression tests with chromatic
  • Урок 51. 00:07:31
    Publish to npm with lerna
  • Урок 52. 00:06:57
    Control published files
  • Урок 53. 00:04:44
    Conventional commits
  • Урок 54. 00:03:06
    Lint commits
  • Урок 55. 00:06:11
    Generate changelogs with lerna
  • Урок 56. 00:06:36
    Setup github actions workflow
  • Урок 57. 00:07:15
    Fix build issues on CI
  • Урок 58. 00:04:44
    Automate chromatic with github actions
  • Урок 59. 00:04:25
    Deploy storybook to netlify
Этот материал находится в платной подписке. Оформи премиум подписку и смотри Advanced React For Enterprise: React for senior engineers, а также все другие курсы, прямо сейчас!
Премиум