Lessons

Explore all newline lessons

Tags
Author
Pricing
Sort By
Video
Paige Niedringhaus
Most Recent
Most Popular
Highest Rated
Reset
https://image.mux.com/moRlT5DBK65y78PmKsx7wZW5ocIQ01mLXi00MRkWSV0101Y/thumbnail.png?time=0

lesson

Write And Run End-To-End Test Flows With Cypress.ioThe newline Guide to Modernizing an Enterprise React App

Cypress makes the process of writing e2es relatively simple with lots of built-in methods and documentation to show you the way to use it effectively.

https://image.mux.com/WchB01Yy01k3Ngpqpja02Xb01PoNwxB7gLs2Hc5SCZwQA68/thumbnail.png?time=0

lesson

Add Cypress To A React App For Automated End-To-End TestingThe newline Guide to Modernizing an Enterprise React App

Cypress gives us a big helping hand organizing and getting started with our own e2es.

https://s3.amazonaws.com/assets.fullstack.io/n/20211004103148075_CoverImage_ModernizeAnEnterpriseReactApp.png

lesson

Cypress.io And End-To-End Testing - What You Need To KnowThe newline Guide to Modernizing an Enterprise React App

End-to-end testing has never been the easiest thing to do, but Cypress challenges that statement in a big way.

https://image.mux.com/JSQKDGUQklw9KHZ500o1qjq30000kQU6tLsgxSCfiGaCq4/thumbnail.png?time=0

lesson

A Guide To API Service Layer Testing With The Jest FrameworkThe newline Guide to Modernizing an Enterprise React App

Not all of our testing for our React app relies so heavily on RTL — some files Jest can handle on its own.

https://image.mux.com/HWLhX4obfGvHJSZc4tas02M01DEVyzHUgxn4n8aT2K02Co/thumbnail.png?time=0

lesson

How To Write Tests For React Container ComponentsThe newline Guide to Modernizing an Enterprise React App

React Testing Library's approach to integration testing like a user would interact with the DOM works very well with React's function-based components.

https://image.mux.com/dkEkqhI01p7LrcPZvNmEOQaakZR95PmYcNbM56xCU01dA/thumbnail.png?time=0

lesson

Strategies For Simplifying Integration Testing For React AppsThe newline Guide to Modernizing an Enterprise React App

We've got a little setup work to do before we get to the actual business of writing our tests.

https://image.mux.com/p5OfURfZcMsJDbxARJszZQRrYpMf01fN1hiNqs55iiTA/thumbnail.png?time=0

lesson

Introducing React Testing Library And Its Automation CapabilitiesThe newline Guide to Modernizing an Enterprise React App

This library took aim at a few fundamental flaws in the traditional way of integration testing JavaScript applications and really changed the game when it comes to automated testing.

https://image.mux.com/uXTftBgppRRD7O6OB7FE5722dLnYRk01pNDug900BK6Mw/thumbnail.png?time=0

lesson

What We'll Build In This React Course - Hardware HandlerThe newline Guide to Modernizing an Enterprise React App

Get familiar with the sample React application's folder structure and current functionality.

https://image.mux.com/1k01QCVlS02WC4CDCgpDgcjEDrfYxBZjhidrxPRphEDUU/thumbnail.png?time=0

lesson

How To Add An Ant Design System Form To A React AppThe newline Guide to Modernizing an Enterprise React App

While these components require a little more effort to get working, the improvements they provide are worth the time.

https://image.mux.com/l006AaX8RX01csb1p8uFE005Y5ykeNO00uk00GnUHrvki9z00/thumbnail.png?time=0

lesson

How To Add Ant Design System To A React AppThe newline Guide to Modernizing an Enterprise React App

Setting Ant Design up takes a little doing because it's so customizable.

https://image.mux.com/6FGP7rFPOmEGp5qc9KhaO2MjX1ia8501D02wFMeQLze00A/thumbnail.png?time=0

lesson

Setting Up Contexts To Share Functions Within A React AppThe newline Guide to Modernizing an Enterprise React App

Context doesn't necessarily need to live at the top level of a component to be useful.