<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Kingswillwariboko</title>
    <description>The latest articles on DEV Community by Kingswillwariboko (@kingswillwariboko).</description>
    <link>https://dev.to/kingswillwariboko</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F875024%2F4ab4d196-b9c4-4f9d-aa6a-f8f45d48befa.png</url>
      <title>DEV Community: Kingswillwariboko</title>
      <link>https://dev.to/kingswillwariboko</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/kingswillwariboko"/>
    <language>en</language>
    <item>
      <title>Discover the Most Popular Linux Operating Systems for Server Deployments: A Look at the Top 4 Distributions.</title>
      <dc:creator>Kingswillwariboko</dc:creator>
      <pubDate>Thu, 23 Mar 2023 21:24:37 +0000</pubDate>
      <link>https://dev.to/kingswillwariboko/discover-the-most-popular-linux-operating-systems-for-server-deployments-a-look-at-the-top-5-distributions-385g</link>
      <guid>https://dev.to/kingswillwariboko/discover-the-most-popular-linux-operating-systems-for-server-deployments-a-look-at-the-top-5-distributions-385g</guid>
      <description>&lt;p&gt;Linux is widely recognized as a reliable and secure operating system for server deployments, thanks to its adaptability, resilience, and safety features. However, the vast range of Linux distributions available today can make it challenging to select the optimal one for your server needs. This article aims to simplify this process by presenting an overview of the top four Linux server distributions used in the industry.&lt;br&gt;
We'll explore their features, benefits and provide insights into which distributions are best suited for certain use cases. By the end of this article, you'll have a better understanding of the most popular Linux server distributions and be equipped with the knowledge to make an informed decision when choosing a distribution for your server deployments.&lt;/p&gt;

&lt;h2&gt;
  
  
  1. Red Hat Enterprise Linux
&lt;/h2&gt;

&lt;p&gt;According to distoWatch, Red Hat Enterprise Linux (RHEL) is a Linux distribution developed by Red Hat and targeted toward the commercial market. &lt;a href="https://distrowatch.com/table.php?distribution=redhat"&gt;here&lt;/a&gt; is link to read more info on distowatch&lt;/p&gt;

&lt;p&gt;RHEL offers a comprehensive suite of features and tools that simplify the management and maintenance of servers at scale. Its modular architecture and centralized management capabilities allow administrators to expedite server deployments, automate updates and patches, and enforce security policies across the organization. Furthermore, RHEL's support for containerization technologies like Docker and Kubernetes makes it an attractive option for cloud-native and microservices-based applications.&lt;/p&gt;

&lt;h2&gt;
  
  
  2. Ubuntu server
&lt;/h2&gt;

&lt;p&gt;Canonical Ltd, the developer of the Ubuntu operating system, offers Ubuntu Server as a specialized version of Ubuntu designed for server installations. While Ubuntu Desktop and Ubuntu Server are both part of the larger Ubuntu product suite, the Server edition is tailored to better meet the requirements of server deployments by simplifying the installation process.&lt;/p&gt;

&lt;p&gt;Ubuntu Server provides a host of benefits for server deployments, such as adaptability, dependability, and safety. The distribution includes an extensive selection of software packages and tools that can be quickly and easily installed and customized to match the specific requirements of a server. Moreover, Ubuntu Server is regularly updated with patches and security fixes, ensuring that the system remains secure and up-to-date.&lt;/p&gt;

&lt;p&gt;One significant advantage of Ubuntu Server is its large and active user and developer community, which provides support and resources to assist users in resolving issues and optimizing their server configurations. This can be particularly valuable for individuals who are new to server administration or unfamiliar with Linux-based systems.&lt;/p&gt;

&lt;p&gt;All things considered, Ubuntu Server is a trustworthy and user-friendly solution for server deployments, and it is widely used across a broad range of industries, including healthcare, education, and e-commerce.&lt;/p&gt;

&lt;h2&gt;
  
  
  3. CentOS
&lt;/h2&gt;

&lt;p&gt;From its official Documentation **The CentOS Linux distribution is a stable, predictable, manageable and reproducible platform derived from the sources of Red Hat Enterprise Linux (RHEL).&lt;/p&gt;

&lt;p&gt;With its long-term support and frequent updates, CentOS has gained a reputation as a reliable and secure choice for organizations and enterprises seeking a stable platform for their server deployments. It is utilized across various industries, including data centers, web hosting companies, cloud service providers, and more. Consequently, CentOS qualifies as one of the top five Linux server distributions widely used in the industry, as detailed in this article.&lt;/p&gt;

&lt;h2&gt;
  
  
  4. SUSE Enterprise linux
&lt;/h2&gt;

&lt;p&gt;SUSE is a linux operating system developed by SUSE that is secure, adaptable and easy-to-manage Linux server platform that allows developers and administrators to deploy business-critical workloads on-premises, in the cloud and at the edge.&lt;/p&gt;

&lt;p&gt;For businesses that require high availability and reliability, SUSE Enterprise Linux is a trustworthy choice as it offers enterprise-level support that includes expert technical support, security patches, and long-term maintenance. Additionally, SUSE Enterprise Linux provides an array of resources and tools that facilitate server deployment and management, such as the SUSE Studio image builder, the YaST configuration tool, and the SUSE Manager management console. In summary, SUSE Enterprise Linux is a potent Linux distribution that boasts robust features, tools, and support for server deployments in the enterprise environment.&lt;/p&gt;

&lt;p&gt;In conclusion, selecting the most appropriate Linux distribution for server deployments can be a challenging task due to the numerous options available. However, this article aims to provide readers with insights into some of the most popular Linux server distributions. Hopefully, readers can use this information as a starting point to determine which Linux distribution is best suited for their server deployment needs.&lt;/p&gt;

</description>
      <category>linux</category>
      <category>devops</category>
      <category>ubuntu</category>
    </item>
    <item>
      <title>A Guide to Combining React and Google Model Viewer</title>
      <dc:creator>Kingswillwariboko</dc:creator>
      <pubDate>Wed, 22 Mar 2023 00:15:21 +0000</pubDate>
      <link>https://dev.to/kingswillwariboko/a-guide-to-combining-react-and-google-model-viewer-3i4j</link>
      <guid>https://dev.to/kingswillwariboko/a-guide-to-combining-react-and-google-model-viewer-3i4j</guid>
      <description>&lt;p&gt;Have you ever wondered how to embed 3D models into a web page or website? In this article, we will explore the simple steps for integrating Google Model Viewer into a React app.&lt;/p&gt;

&lt;p&gt;Model Viewer is an open source web component created by Google and managed through GitHub. Its purpose is to make it easy to display 3D content on the web by using just a few lines of HTML code.&lt;/p&gt;

&lt;p&gt;To integrate Model Viewer into your React app, you will need to install the NPM package by running the following command:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--Sfcrle5_--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/v4e3uckqkmeagy4ged0r.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Sfcrle5_--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/v4e3uckqkmeagy4ged0r.png" alt="Image description" width="880" height="186"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;An alternative method (recommended method) is to add the following link in the body of your index.html file, located in the public directory, as shown in the code snippet below:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--LnoQQhrQ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/naxbrtv40zfenam930ru.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--LnoQQhrQ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/naxbrtv40zfenam930ru.png" alt="Image description" width="880" height="270"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Next, you will need to use the  component in any React component of your choice. In this example, we will add it to our App.js file. Before doing so, you will need to import your 3D model in either glb or gltf format, as only these formats are compatible with Google Model Viewer.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--O-sKHtjh--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/993gqtklg6jqicmh5rvb.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--O-sKHtjh--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/993gqtklg6jqicmh5rvb.png" alt="Image description" width="880" height="421"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;In the code above, we imported our glb file and referenced it in the src attribute of the  tag. We also added additional attributes, such as ar, which enables an augmented reality experience, and set the ar-modes attribute.&lt;/p&gt;

&lt;p&gt;The webxr mode allows the use of AR in browsers that support the WebXR API, such as Chrome for Android or Safari for iOS.&lt;/p&gt;

&lt;p&gt;The quick-look mode enables AR on iOS devices using the Quick Look feature, which allows users to view AR content directly from the Safari browser without needing to download a separate app.&lt;/p&gt;

&lt;p&gt;The scene-viewer mode enables AR in the Google Scene Viewer app, which is available on Android devices.&lt;/p&gt;

&lt;p&gt;By including all three modes in the ar-modes attribute, the  element becomes compatible with various AR platforms and devices, providing a more seamless experience for users.&lt;/p&gt;

&lt;p&gt;We added camera controls that allow users to interact with and control the camera view of the 3D model displayed in the  element. This feature enhances the user experience by allowing them to examine the 3D model more closely and from different angles, making the model feel more like a real object that the user can manipulate and explore.&lt;/p&gt;

&lt;p&gt;Finally, the xr-environment is an attribute that can be added to the  element in order to specify the environment in which the 3D model will be displayed.&lt;/p&gt;

&lt;p&gt;These steps cover the basic process of integrating Google Model Viewer with React. By following these steps, you can embed 3D models into your React app and allow users to interact with them in a variety of ways, including augmented reality.&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>modelviewer</category>
      <category>react</category>
      <category>beginners</category>
    </item>
    <item>
      <title>How to Retrieve Data from Contentful CMS in a React App</title>
      <dc:creator>Kingswillwariboko</dc:creator>
      <pubDate>Fri, 17 Mar 2023 00:07:30 +0000</pubDate>
      <link>https://dev.to/kingswillwariboko/how-to-retrieve-data-from-contentful-cms-in-a-react-app-48l2</link>
      <guid>https://dev.to/kingswillwariboko/how-to-retrieve-data-from-contentful-cms-in-a-react-app-48l2</guid>
      <description>&lt;p&gt;Contentful is content infrastructure. it lets you you create, manage and distribute content to any platform. In this article, I'll walk through the steps involved in fetching data from Contentful using the Contentful Delivery API in a React app.&lt;/p&gt;

&lt;p&gt;The first step is to set up a Contentful account and create your content model and its fields. Afterward, you can proceed to create your content&lt;/p&gt;

&lt;p&gt;secondly, Install the contentful npm package in your React app. This package provides a JavaScript client for the Contentful Delivery API.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--gy8kJbOo--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6wc8u52jj2kfjkr1bxk8.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--gy8kJbOo--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6wc8u52jj2kfjkr1bxk8.png" alt="Image description" width="880" height="289"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The next step is to import createClient from the Contentful package that we just installed, and then create a new instance of the Contentful client in your React application.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--ZlubKkh8--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qoe9thacjojilv1wtcwf.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ZlubKkh8--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qoe9thacjojilv1wtcwf.png" alt="Image description" width="880" height="397"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Next thing is to obtain your space ID and access token by logging into the Contentful web app and navigating to the "Settings" tab for your space. You will find your space ID and access token under the "API keys" section. then copy and paste them in the above snippet or your contentful instance.&lt;/p&gt;

&lt;p&gt;The final step is to use the client to retrieve the data you need. You can utilize the client to fetch data from any Contentful content type, including entries, assets, and content types themselves.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--jgJX5v_X--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/l4nbbov41rflil5un8po.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--jgJX5v_X--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/l4nbbov41rflil5un8po.png" alt="Image description" width="880" height="792"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;In the code above, we're creating a new instance of the contentful client and using it to fetch entries from our Contentful space. Once we receive the response, we're updating the component's state with the retrieved data.&lt;/p&gt;

&lt;p&gt;We're then rendering a simple list of the retrieved items' titles.&lt;/p&gt;

&lt;p&gt;And that's it! With just a few lines of code, we're able to fetch data from Contentful using the Contentful Delivery API in a React app.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>javascript</category>
      <category>contentful</category>
      <category>react</category>
    </item>
  </channel>
</rss>
