AI Features

0% completed

All LessonsFree Lessons (5)

Before We Begin

What Is This Course About?A Few Tips to Enjoy the Course Better

Test-Driven Development with Jest

Why Test-Driven Development and Jest Node and npm Running Jest with npx and npm Your First Test Why Use Test-Driven Development Running Tests Automatically and Code Coverage Git with Test-Driven Development Mantra Test Yourself on Test-Driven Development with Jest.

Integrated Tooling with VS Code

Introduction to VS Code Editing Shortcuts and Source Control User Settings on VS Code ESLint to Check Code Quality ESLint Integration with VS Code Prettier to Beautify Your Code Prettier Integration with VS Code Wallaby with VS Code Mantra Test Yourself on VS code and Integrated Tooling

Testing React with Enzyme

Introduction to Enzyme React, Babel and JSX Babel with Jest, ESLint, Prettier, and Wallaby Component Testing with Enzyme Working With and Testing Using Component's Props Jest Setup Testing with Children DOM Elements Testing Stateful Components Manipulating State of Stateful Component in Tests Mantra Test Yourself on Testing with Enzyme

Styling in JavaScript with Styled-Components

Introduction to CSS-in-JS

Webpack Configuration and Server

Styled Components

Create Styled Components

Babel Plugin and StyleLint

Test Styled Components

Making Style Assertions for Styled Components Testing

Test Yourself on Styled-Components

Refactoring with Higher-Order Components

Higher-Order Components Creating Higher-Order Component Testing Higher-Order Components The Controllable Pattern Multiple Higher-Order Components Mantra Test Yourself on Higher-Order Components

Continuous Integration and Collaboration

Github and Travis CI Travis CI Configuration Git Hooks with Husky Adding Docs with Storybook Add-ons in Storybook Mantra Test Yourself on Continuous Integration and Collaboration

Conclusion

Where To Go From Here

Test-driven Development with React

Webpack

Learn how to build an app using webpack.

We'll cover the following...

- Packaging an app with webpack

Packaging an app with webpack

In the beginning, preparing JavaScript for the browser was simple. You would simply put your page’s functionality in a single script and load it with a <script> tag. Then jQuery took off, and your script had a dependency. No problem: jQuery + app = two <script> tags. But then other ...

Ask