Developing and Testing a Web App with Continuous Integration

Continuous integration seems to be a difficult topic that often eludes many individuals. Some typical questions that arise are which technologies should we use and how do we actually put everything together? However, CI doesn't need to be so difficult with the combination of the right tools.

In this live-coding session, attendees will learn how to create a web-app using React. Afterward, we will shift-left by adding some automated unit tests using React Testing Library. Next, we will shift-right by adding some visual tests using Screener.io. Finally, attendees will learn how to continuously build and test the web app through a Github workflow.

Key Takeaways

• See how easy it is to create a web app

• Learn a bit about component testing with React testing library

• Learn visual testing with Screener.io

• Put all of this together into a CI pipeline that runs builds and tests in a continuous manner