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

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

Testing with Children DOM Elements

Testing Stateful Components

Manipulating State of Stateful Component in Tests

Test Yourself on Testing with Enzyme

Styling in JavaScript with Styled-Components

Introduction to CSS-in-JS Webpack Webpack Configuration and Server Styled Components Create Styled Components Babel Plugin and StyleLint Test Styled Components Making Style Assertions for Styled Components Testing Jest Snapshot Mantra 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/

...

/

Mantra

Mantra

Understand the mantra of the Integrated Tooling with VS Code chapter.

We'll cover the following...

- Mantra: Live in the code

Mantra: Live in the code

Every time your eyes leave your code, you experience what’s known as a context switch. Returning to your code, it’s common to feel disoriented, even lost. A TDD ...