Ends in
00
days
00
hrs
00
mins
00
secs
ENROLL NOW

🎁 Get 20% Off - Christmas Big Sale on All Practice Exams, Video Courses, and eBooks!

react

Home » react

Build a Web-Based Linux Terminal Playground

2024-12-09T04:51:18+00:00

In this blog, I will guide you through creating a Simple Web-Based Linux Terminal Playground that enables running Linux commands directly in the browser. We will use technologies such as Podman for containerization, React for the UI, and Express and node-pty for the backend. WebSockets will handle real-time communication between the frontend and backend, creating a seamless, secure, and interactive environment to learn and execute Linux commands. Each connection will be isolated and ephemeral therefore ensuring security and separation between users. Why Use Podman, React, Express, node-pty, WebSockets, and Alpine? Why Podman? Podman is an open-source container engine that focuses [...]

Build a Web-Based Linux Terminal Playground2024-12-09T04:51:18+00:00

Deploy a Next.js Static Site to AWS with GitHub Actions and Bunjs

2024-12-11T16:15:36+00:00

At the AWS Community Day Philippines 2024, during the preparation for the event, the organizers assigned me the responsibility of setting up a Continuous Integration and Continuous Deployment (CI/CD) strategy for the website. Therefore, in this blog, I will explain the approach I took and how I utilized GitHub Actions and BunJs to create a swift and efficient CI/CD pipeline for deployment on Amazon Simple Storage Service (S3) along with Amazon CloudFront. AWS Community Day Philippines 2024 Website Next.js is a widely-used React framework that offers a variety of features for full-stack web applications, as well as multiple rendering options, [...]

Deploy a Next.js Static Site to AWS with GitHub Actions and Bunjs2024-12-11T16:15:36+00:00

Creating a Custom HTML Editor in React

2024-08-21T08:59:05+00:00

This article guides you through integrating a TinyMCE WYSIWYG text editor into a React application which focuses only on the Text Area that displays the HTML code alongside the TinyMCE Text Editor. It covers setting up TinyMCE, managing state, and ensuring real-time updates between the text editor and text area. Whether you’re building a CMS, a blog platform, or an internal tool, this will help in the content editing experience of your users. How the HTML Editor looks and How to use:   We can add text to the text editor on the Right Side then it automatically updates the [...]

Creating a Custom HTML Editor in React2024-08-21T08:59:05+00:00

AWS, Azure, and GCP Certifications are consistently among the top-paying IT certifications in the world, considering that most companies have now shifted to the cloud. Upskill and earn over $150,000 per year with an AWS, Azure, or GCP certification!

Follow us on LinkedIn, Facebook, or join our Slack study group. More importantly, answer as many practice exams as you can to help increase your chances of passing your certification exams on your first try!