Skip to content
This repository has been archived by the owner on Sep 16, 2021. It is now read-only.

Home

Jump to bottom
Rizchel Dayao edited this page Mar 28, 2018 · 8 revisions

Short Name

Deploy a React application on Kubernetes

Short Description

Build and deploy a React application using Docker and Kubernetes

Offering Type

Cloud

Introduction

Built for developers who are interested in learning how to deploy a React application on Kubernetes. This journey uses the React and Redux framework and calls the OMDb API to look up movie information based on user input. This journey can be built and run both on Docker and Kubernetes.

Author

By Rizchel Dayao

Code

Demo

Video

Overview

Do you have a front end application that contains large amounts of duplication, handles complex states, and manages large amounts of data?

React and Redux is the perfect Javascript library if your application is similar to the one described above. React provides a component based structure for everything included in an application and allows abstraction if needed to limit duplication. With Redux, it handles all of the state and can easily manage data in an application.

Once an application has been developed, it needs to be deployed for the rest of the world to see. There are many choices when looking for the right solution to manage and deploy your application. It can often be overwhelming when you're trying to pick the right solution.

If you're looking for a deployment tool that can provide automation, scalability and management of a deployed application, Kubernetes is the tool for you!

An application must be packaged into a container to deploy on Kubernetes. Docker is an open source tool that is used to package the application into a container. The container is then deployed on Kubernetes for public access. Once the application is deployed, Kubernetes handles the management, scalability and automation of the deployed application.

When the reader has completed this journey, they will understand how to:

  • Containerize a React application using Docker
  • Deploy and manage an application using Kubernetes

Flow

Flow

  1. The user accesses the application through the web interface. The user enters a movie title into the input.
  2. The React application is rendered to the user on access.
  3. The application calls the OMDb API and receives a JSON object of the response to show the user.

Included components

  • IBM Cloud Container Service: IBM Bluemix Container Service manages highly available apps inside Docker containers and Kubernetes clusters on the IBM Cloud.
  • Kubernetes Cluster: Create and manage your own cloud infrastructure and use Kubernetes as your container orchestration engine.

Featured technologies

  • Node.js: An open-source JavaScript run-time environment for executing server-side JavaScript code.
  • Cloud: Accessing computer and information technology resources through the Internet.
  • Container Orchestration: Automating the deployment, scaling and management of containerized applications.

Blog

Links

Clone this wiki locally