Advanced React Challenge - Refactor a header to fit the existing codebase and test it with Cypress
In a previous video ( • React Coding Challenge - Build a head... ) I worked on a React coding challenge. I built a pixel-perfect header based on Figma designs. The implementation was rather simple though. In this video I refactor the header, extract components, use the existing styled-components theme, and add a Cypress test. I wouldn’t expect this of a Junior candidate but it might be interesting to watch.
All the challenges are part of the React Job Simulator. Check it out at https://profy.dev
00:00 - First Marker
00:45 - Extract header component to UI feature
03:16 - Create new feature branch
04:41 - Render header component on the page
06:12 - Refactoring from px to rem
06:43 - Using the styled-components theme
08:41 - Using custom theme utility functions
09:25 - The styleguide in Figma
12:54 - Creating the Cypress tests
20:36 - Commiting the changes
21:13 - Create a PR and request review
Смотрите видео Advanced React Challenge - Refactor a header to fit the existing codebase and test it with Cypress онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Profy dev 07 Сентябрь 2022, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 681 раз и оно понравилось 13 людям.