catalog.redhat.com
Open in
urlscan Pro
2a02:26f0:3500:18::1724:a288
Public Scan
Submitted URL: https://access.redhat.com/containers/#/registry.access.redhat.com/ubi8-minimal/images/8.4-205
Effective URL: https://catalog.redhat.com/
Submission: On April 11 via api from GB — Scanned from GB
Effective URL: https://catalog.redhat.com/
Submission: On April 11 via api from GB — Scanned from GB
Form analysis 1 forms found in the DOM
<form class="pf-c-form" style="margin-top:16px" id="ecoFeedbackForm"><input type="hidden" name="form_build_id" value="form-Se0bIPh-L26lbPDwUP218Z2oRfKjEYbIRvKBM4Eo1R8"> <input type="hidden" name="form_token"
value="w3-skVyKDZSGJUXAawp-QF6jqc-WeSZqCxXqWnqMaBg"> <input type="hidden" name="form_id" value="rhec_feedback_entityform_edit_form">
<div style="display:flex" class="mobile-stack">
<div class="pf-c-form__group" style="flex:1;padding-right:16px"><label class="pf-c-form__label" for="field_eco_company[und][0][value]"><span class="pf-c-form__label-text">Your company/organization</span></label>
<div class="pf-c-form__horizontal-group"><input class="pf-c-form-control" id="company" name="field_eco_company[und][0][value]"></div>
</div>
<div class="pf-c-form__group" style="flex:1"><label class="pf-c-form__label" for="field_eco_role[und][0][value]"><span class="pf-c-form__label-text">Your role</span></label>
<div class="pf-c-form__horizontal-group"><select class="pf-c-form-control" style="padding-left:8px" id="role" name="field_eco_role[und][0][value]">
<option value="">Select your role</option>
<option value="Architect">Architect</option>
<option value="Developer">Developer</option>
<option value="DevOps Engineer">DevOps Engineer</option>
<option value="Product Manager">Product Manager</option>
<option value="Systems Administrator">Systems Administrator</option>
<option value="Other">Other</option>
</select></div>
</div>
</div>
<div class="pf-c-form__group"><label class="pf-c-form__label" for="field_eco_what_is_working_well[und][0][value]"><span class="pf-c-form__label-text">What is working well?</span></label>
<div class="pf-c-form__horizontal-group"><textarea class="pf-c-form-control" type="text" id="workingWell" name="field_eco_what_is_working_well[und][0][value]" aria-label="textarea example"></textarea></div>
</div>
<div class="pf-c-form__group"><label class="pf-c-form__label" for="field_eco_how_can_we_improve[und][0][value]"><span class="pf-c-form__label-text">How can we continue to improve?</span></label>
<div class="pf-c-form__horizontal-group"><textarea class="pf-c-form-control" type="text" id="toImprove" name="field_eco_how_can_we_improve[und][0][value]" aria-label="textarea example"></textarea></div>
</div>
<div class="pf-c-form__group"><label class="pf-c-form__label" for="field_eco_email[und][0][value]"><span class="pf-c-form__label-text">Email address (optional)</span></label>
<div class="pf-c-form__horizontal-group pf-c-form__horizontal-group--email"><input class="pf-c-form-control" type="email" id="email" name="field_eco_email[und][0][value]">
<p>We may follow up with you if we need more information to act on your feedback.</p>
</div>
</div>
<div class="pf-c-form__group hidden"><label class="pf-c-form__label" for="field_eco_describe_your_issue[und][0][value]"><span class="pf-c-form__label-text">Describe your issue (optional)</span></label>
<div class="pf-c-form__horizontal-group"><textarea class="pf-c-form-control" type="text" id="toDescribeIssue" name="field_eco_describe_your_issue[und][0][value]" aria-label="textarea example"></textarea></div>
</div>
<div class="pf-c-form__group">
<div class="pf-c-form__actions">
<div class="cover-spinner__container"><pfe-progress-indicator indeterminate="" size="md" pfelement="" class="PFElement" on="light"></pfe-progress-indicator></div><button class="pf-c-button pf-m-primary" id="ecoFeedbackFormSubmitBtn"
disabled="true">Submit</button> <button class="pf-c-button pf-m-secondary" type="button" id="modalClose">Cancel</button>
</div>
</div>
</form>Text Content
Skip to navigation Skip to contentYou need to enable JavaScript to run this app.
* Platforms & industries
RED HAT ENTERPRISE LINUX
* Certified software
* Certified hardware
* Cloud & service providers
RED HAT OPENSHIFT
* Certified software
* Cloud & service providers
RED HAT OPENSTACK
* Certified software
* Certified hardware
* Cloud & service providers
INDUSTRIES AND SEGMENTS
* Telecommunications
* Hardware
BY CATEGORY
* Servers
* Edge systems
* Workstations
* Components
FEATURED LISTS
* Red Hat Enterprise Linux 8 certified servers
* Red Hat OpenStack 16 certified servers
* Red Hat Virtualization 4 certified servers
Explore certified hardware
* Software
BY CATEGORY
* OpenShift operators
* Helm charts
* Containerized applications
* OpenStack infrastructure
* Standalone applications
* Container images
* Vulnerability scanners
FEATURED LISTS
* OpenShift operators for Red Hat OpenShift 4
* Standalone applications for Red Hat Enterprise Linux 9
* CNF certified for Red Hat OpenShift
* VNF certified for Red Hat OpenStack
BASE IMAGES
* About base images
* Red Hat Universal Base Image 9
* Red Hat Universal Base Image 8
* Red Hat Universal Base Image 7
Explore certified softwareManage container registry service accounts
* Cloud & service providers
BY CONSUMPTION TYPE
* Upload an image
* On demand
FEATURED LISTS
* Certified for Red Hat Enterprise Linux 9
LEARN MORE
* Red Hat Cloud Access
Explore certified cloud
Help
Resources
RESOURCES
* Blog
* Partner podcast
MORE TO EXPLORE
* All blogs
* Events and webinars
* Training and certification
* Newsroom
* Resource library
* Customer success stories
All Red Hat
Back to menu
* You are here
RED HAT
Learn about our open source products, services, and company.
* You are here
RED HAT CUSTOMER PORTAL
Get product support and knowledge from the open source experts.
* You are here
RED HAT DEVELOPER
Read developer tutorials and download Red Hat software for cloud application
development.
* You are here
RED HAT PARTNER CONNECT
Become a Red Hat partner and get support in building customer solutions.
--------------------------------------------------------------------------------
* PRODUCTS
* ANSIBLE.COM
Learn about and try our IT automation product.
* TRY, BUY, SELL
* RED HAT HYBRID CLOUD
Access technical how-tos, tutorials, and learning paths focused on Red
Hat’s hybrid cloud managed services.
* RED HAT STORE
Buy select Red Hat products and services online.
* RED HAT MARKETPLACE
Try, buy, sell, and manage certified enterprise software for
container-based environments.
* COMMUNITY & OPEN SOURCE
* THE ENTERPRISERS PROJECT
Read analysis and advice articles written by CIOs, for CIOs.
* OPENSOURCE.COM
Read articles on a range of topics about open source.
*
* RED HAT SUMMIT
Register for and learn about our annual open source IT industry event.
* RED HAT ECOSYSTEM CATALOG
Find hardware, software, and cloud providers―and download container
images―certified to perform with Red Hat technologies.
TESTED. CERTIFIED. SUPPORTED.
Build on Red Hat platforms and technologies with certified, enterprise-grade
products you need to achieve your business outcomes. We make it easy for you to
explore and find certified products from our large and robust ecosystem of
enterprise hardware, software, and cloud and service providers.
BROWSE BY PLATFORM
The leading enterprise Linux operating system, certified on hundreds of clouds
and with thousands of vendors.
Explore
Red Hat® OpenShift® is an enterprise-ready Kubernetes container platform with
full-stack automated operations to manage hybrid cloud, multicloud, and edge
deployments.
Explore
Red Hat® OpenStack® Platform virtualizes resources from industry-standard
hardware, organizes those resources into clouds, and manages them so users can
access what they need—when they need it.
Explore
Red Hat® Ansible® Automation Platform is a foundation for building and operating
automation across an organization.
Explore
STABLE ANYWHERE. AVAILABLE EVERYWHERE.
Red Hat Enterprise Linux 9 has arrived. Browse the latest products certified for
Red Hat Enterprise Linux 9. Learn more
HardwareSoftwareCloud
BROWSE BY CATEGORY
CERTIFIED HARDWARE
Bare metal, appliances, and other hardware from Red Hat partners is certified
and supported for Red Hat technologies.
Explore
CERTIFIED SOFTWARE
OpenShift operators, containerized applications, and traditional software
certified to run on Red Hat platforms.
Explore
CERTIFIED CLOUD AND SERVICE PROVIDERS
Run your applications on Red Hat platforms and technologies in supported clouds
and cloud service providers.
Explore
RED HAT BLOGS
DEPLOY REACT APPLICATIONS IN OPENSHIFT
By Yashwanth Maheshwaram|Published Tue, 11 Apr 2023 07:00:00 +0000
React is an open-source JavaScript library for building user interfaces. It
allows developers to create reusable UI components and efficiently update the
view in response to changes in data. Red Hat OpenShift enables developers to
build, deploy, run, and manage a wide variety of applications, including
frontend and the ones made with React. React applications use the Node.js
runtime to run the application.
This article will help you get started with ReactJS apps on OpenShift. You
will learn how to:
1. Deploy a basic React application from the ground up in the easiest way
possible without having to deal with Kubernetes and a lot of other
complications that come with it.
2. Manage product and development environments for a React application.
3. Add continuous deployment (CD) to your React application to automatically
deploy updates to your repository.
PREREQUISITES
Node.js is required for your machine to be able to build and run React
applications on your local machine. Install Node.js via one of the following
options:
* If you are using Red Hat Enterprise
Linux (RHEL): https://access.redhat.com/products/nodejs
* If you're using any other operating system: https://nodejs.org/en/
CREATE A SAMPLE REACT APPLICATION
Create React App is a comfortable environment for learning React, and it is the
best way to start building a new single-page application in React. It sets up
your development environment so that you can use the latest JavaScript features,
provides a nice developer experience, and optimizes your app for production.
You’ll need to have Node 14.0.0+ and npm 5.6+ on your machine. If you want to
use a readily available example application, skip this step and move to the
Deploy section.
To create a project, run:
npx create-react-app my-app
cd my-app
npm start
PUBLISH YOUR CODE TO GIT
Create a repository on GitHub or any other Git platform. If you want to use a
readily available example application, copy the URL and move on to the next
step: https://github.com/yashwanthm/react-openshift-example
The repository has a minor recommended change to the usual create-react-app
approach to be able to run a production application.
You will need to run npm run start.development.local instead of npm start on
your local machine. The rest remains the same.
DEPLOY YOUR REACT APPLICATION TO THE OPENSHIFT SANDBOX
The Developer Sandbox for Red Hat OpenShift is a free-to-use OpenShift instance
for you to experiment with OpenShift for your use cases. It's an excellent way
to try running React applications on OpenShift.
Follow these steps to start your sandbox instance and deploy your app:
1. Create a Sandbox account using
https://developers.redhat.com/developer-sandbox
2. Once you have the account, click on Start using your sandbox.
3. Give it a few seconds and your sandbox instance will load up.
4. On the left side menu, click on +Add.
5. Select Import from Git.
6. Specify your Git repo
URL: https://github.com/yashwanthm/react-openshift-example
7. You will now be moved to the Topology view, and the app will start
to deploy. Give it about a minute to finish deployment. While it’s
deploying, you will be able to view the logs.
8. Once it’s done deploying, you can click on the OpenURL button to see the UI
of your React application running on OpenShift.
Congratulations! You now have a vanilla React application that runs on OpenShift
without having to work with complex configurations that are needed. Read on for
details on how to make a change and see the change go live for your application.
FORK AND DEPLOY YOUR OWN REPO
Now that you tried using the example repository, follow these steps to deploy
your own repo:
1. Fork https://github.com/yashwanthm/react-openshift-example or create your
own repo.
2. Copy the URL.
3. Log in to the Developer Sandbox.
4. Import from Git and use your repository to create an application.
5. Access your application.
6. Add CD.
7. Make changes to the source App.js, commit, and push.
8. See your changes get deployed automatically.
ADD CONTINUOUS DEPLOYMENT
Continuous deployment is a strategy in software development where code changes
to an application are released automatically into the production environment. It
speeds up time to market by eliminating the lag between coding and customer
value. OpenShift enables developers to configure this using a few simple
UI-based steps.
Now, let’s begin adding CD to the application we just created:
1. Click on Actions.
2. Select Edit .
3. Check the Add pipeline checkbox. You can see the pipeline visualization if
you’d like to understand the steps.
4. Click Save.
Note: OpenShift Sandbox will suspend your application when it is idled but will
bring back the pod up when there’s a hit to the URL, it takes a few seconds for
the application to load. However, this will not be the case on your production
OpenShift instance.
CONCLUSION
OpenShift provides a simplified developer experience for running the
applications on the cloud. Explore other popular activities for the sandbox:
* Deploy a Java application on Kubernetes in minutes
* Migrate and deploy Cloud Foundry applications to Kubernetes
* Run the Canary Deployment pattern on Kubernetes
The post Deploy React applications in OpenShift appeared first on Red Hat
Developer.
Read the articleView more blog posts
RED HAT MARKETPLACE
Red Hat® Marketplace is a single source to try, buy, and manage certified
operators for Red Hat OpenShift®. It offers responsive support, streamlined
billing and contracting, simplified governance, and a single dashboard across
clouds.
Explore Red Hat Marketplace
WHY CHOOSE RED HAT CERTIFIED SOLUTIONS?
Built and tested to exacting standards. Ready to deploy in your environment with
confidence.
Detailed interoperability, compatibility, and security details to choose the
right solutions for your business needs.
Fully supported by the provider while maintaining your relationship with Red
Hat’s global support services.
PARTNER WITH RED HAT
We provide a variety of partner resources to assist you through the
certification process to deliver the best possible experience to our mutual
customers. Join the Red Hat Certified Ecosystem and showcase your product to
millions of potential clients, customers, sellers, and developers.
Learn more about how Red Hat Partner Connect can help you succeed
Timestamp: Mon Apr 10 15:18:32 UTC 2023SHA: headVersion: 1.196
LinkedInYouTubeFacebookTwitter
PLATFORMS
* Red Hat Enterprise Linux
* Red Hat OpenShift
* Red Hat OpenStack Platform
PRODUCTS & SERVICES
* Certified hardware
* Certified software
* Certified cloud & service providers
TRY, BUY, SELL
* Product trial center
* Red Hat Store
* Red Hat Marketplace
* Partner with us
* Contact sales
* Contact training
* Contact consulting
HELP
* My account
* Customer support
* Partner resources
* Developer resources
* Training and certification
* Learning community
* Catalog documentation
* Resource library
ABOUT RED HAT ECOSYSTEM CATALOG
The Red Hat Ecosystem Catalog is the official source for discovering and
learning more about the Red Hat Ecosystem of both Red Hat and certified
third-party products and services.
We’re the world’s leading provider of enterprise open source solutions—including
Linux, cloud, container, and Kubernetes. We deliver hardened solutions that make
it easier for enterprises to work across platforms and environments, from the
core datacenter to the network edge.
RED HAT LEGAL AND PRIVACY LINKS
* About Red Hat
* Jobs
* Events
* Locations
* Contact Red Hat
* Red Hat Blog
* Diversity, equity, and inclusion
* Cool Stuff Store
* Red Hat Summit
RED HAT LEGAL AND PRIVACY LINKS
* Privacy statement
* Terms of use
* All policies and guidelines
* Digital accessibility
SUCCESS ALERT: THANK YOU FOR YOUR FEEDBACK!
Have feedback?
YOUR FEEDBACK IS IMPORTANT TO US
Your company/organization
Your role
Select your roleArchitectDeveloperDevOps EngineerProduct ManagerSystems
AdministratorOther
What is working well?
How can we continue to improve?
Email address (optional)
We may follow up with you if we need more information to act on your feedback.
Describe your issue (optional)
Submit Cancel