A SkillsCast for this session is not available.
As a front end developer, you often dread the process of deploying and hosting our applications. You want to focus on perfecting the front end and hope the deployment process is quick and simple. Unfortunately, that’s usually not the case and you spend hours of our time and energy to do a simple deployment. Rizchel has created a React template application and quick start guide to help you save those wasted hours and make deploying your applications easier. In this workshop, you will learn how to build a simple React & Redux application.
First, you will go over what React is and how to build components, containers and how you can create a clean, modular application. You will then add in Redux and cover what actions, reducers, and a store are. The project does include an API request and you will implement it by using GraphQL and discuss how it fits into the architecture. There will be a little unit testing and linting examples involved as well. The end goal for this segment is to have a working React application.
Next, Rizchel will share with you how containerize the application with Docker. There will be discussion around what is docker, why is it important, etc. The end goal for this segment is to have a containerized application.
You will then get our application deployed to Kubernetes. There will be an overview of IBM Cloud, getting set up with the Kubernetes service and on Kubernetes specifically. We will go through the commands to deploy the application. I will also go through alternative ways to deploy an application using yaml files, load balancers, etc. The end goal for this segment is to have a deploy a containerized application. If time permits, Riozchel will introduce Istio. There are many features that Istio provides but specifically, you will build how to a/b test an application using Istio. The end goal for this segment is to provide an a/b test for the application.
By the end of this workshop, you have learnt how to build an application using React, Redux, and GraphQL. With that application, you will know how to dockerize and deploy it. Additionally, you will be able to implement Istio and a/b test their applications.
YOU MAY ALSO LIKE:
- Advanced Kubernetes Concepts with Jérôme Petazzoni (Online Course on 28th September - 1st October 2020)
- Docker Fundamentals with Matt Saunders (Online Course on 19th - 22nd October 2020)
- CloudNative eXchange 2020 (Online Conference on 17th - 18th November 2020)
- Debugging Containers on Kubernetes with "kubectl debug" (SkillsCast recorded in July 2020)
- Let’s Play with Cloud Code to Run Cloud Native Applications (SkillsCast recorded in June 2020)
Workshop: How to Deploy Your React Application While Saving Time and Energy
Rizchel Dayao is a Developer Advocate at IBM in Denver, Colorado. Previously, she was a Developer Lead for the IBM Cloud and her team won the Eminence and Excellence Award in 2017, as well as the Manager’s Choice Award. She has helped facilitate IBM Design Thinking sessions and was part of the team to win the Tech Innovation Challenge Hackathon as an intern in 2014 at American Express.