Advanced React For Enterprise: React for Senior Engineers - Learn on Udemy
- Descripción
- Currículum
- Reseñas
Welcome to the React for Senior engineers course !! Knowledge of React is 100% required for this course. I’ve been working with React.js for over 5 years now, and I am so excited to share with you the skills needed to thrive as a senior React Engineer. Do you want to build and architect react Apps like Microsoft and Github Engineers? This course is for you! We’ll build our very own design system from scratch. This will give us the opportunity to cover senior topics such as:
- CSS Architecture for react applications
- Typescript and its advantages for frontend engineers
- Design systems and atomic design principles
- Npm package creation, management and publishing
- Continuous integration and deployment for the frontend engineer
- Unit component testing
- Visual regression testing
- Storybook and component libraries
- Component design patterns
- Mono-repository architecture patterns
- Accessibility and unit accessibility testing
And so much more to come. This course is perfect for you if:
- You’re a beginner to midlevel react developer looking to learn more advanced concepts
- You want to improve your skills all round as a frontend engineer
- You are interested in building design systems
- You want to learn the fundamentals tools you’ll need to become an open source software developer
We’re also going to be adding a whole new section containing advanced react concepts that you’ll find almost nowhere on the internet. We’ll cover advanced topics such as design patterns, hook patters, efficient state management, frontend codebase architecture, best practices for performance, and so much more. Come join me on this fun journey. I can’t wait to share my wealth of knowledge and experience with you. Click the Enrol button now, and change your life forever.

-
5What we'll buildVideo lesson
-
6Css architecture checklistVideo lesson
-
7Setup folder and file structureVideo lesson
-
8Define system variablesVideo lesson
-
9Define foundation colorsVideo lesson
-
10Assignment - Define foundation colorsVideo lesson
-
11Define foundation typographyVideo lesson
-
12Assignment - Define foundation typographyVideo lesson
-
13Define mixinsVideo lesson
-
14Assignment - Define mixinsVideo lesson
-
15Global root and css resetVideo lesson
-
16Add stylelint and prettierVideo lesson
-
17Setup husky and pre-commit hooksVideo lesson
-
18Compile scss to cssVideo lesson
-
19Compile components to cssVideo lesson
-
21Add react package to mono repositoryVideo lesson
-
22Add rollup to compile reactVideo lesson
-
23Setup a react playgroundVideo lesson
-
24Setup dev script for all packagesVideo lesson
-
25Identify atoms, molecules and organismsVideo lesson
-
26Assignment - Identify atoms, molecules and organismsVideo lesson
-
27Develop the colour componentVideo lesson
-
28Dynamically generate utility classesVideo lesson
-
29Assignment - create image atomVideo lesson
-
30Extract foundation to a separate packageVideo lesson
-
31Spacing componentVideo lesson
-
32The select moleculeVideo lesson
-
33Styles for the select moleculeVideo lesson
-
34Calculate the overlay positionVideo lesson
-
35Style the select optionVideo lesson
-
36Selected option stateVideo lesson
-
37Animate select caretVideo lesson
-
38Render props for custom optionVideo lesson
