All posts tagged #Web Development
My React UI Code Guidelines
Everyone has their way of organizing a React app. And everyone has a preferred way of handling code linting, formatting, and naming conventions. These are my…
The Best Full Stack Projects of 2023
By working on full stack projects, you can bring your ideas to life and gain valuable skills in software development. From beginner-friendly options to more…
Building a GatsbyJS Blog: Search Engine Optimization
Welcome to part five of "Building a GatsbyJS Blog!" In this post, we'll take our blog to the next level by discussing search engine optimization (SEO…
Building a GatsbyJS Blog: Layout and Featured Images
Welcome to part four of "Building a GatsbyJS Blog!" In this post, we'll continue building a beautiful and fully functional blog with GatsbyJS. In the previous…
Building a GatsbyJS Blog: The Blog and Post Pages
Welcome to part three of "Building a Gatsby Blog"! We've made significant progress in the previous parts of the series, creating the foundation of our blog with…
Building a GatsbyJS Blog: Layout and Pages
Welcome back to "Building a GatsbyJS Blog"! In this second part of the series, we'll focus on creating the Layout and pages for our blog. We'll start by…
Building a GatsbyJS Blog: Creating the Project
Are you looking to create a blazingly fast and secure blog? If so, then you're in the right place. I will walk you through creating a GatsbyJS blog from…
GatsbyJS: The React-Based Static Site Generator
In today's fast-paced digital world, having a website is crucial for any business or individual looking to establish an online presence. I have experience…
How to Become a Web Developer from Scratch
Introduction Welcome to the exciting world of web development! If you're reading this, you're likely considering a career in this ever-growing field. This…
Why Progressive Web Apps Are the Future of Mobile Development
Do you remember the days when you had to download a separate app for every service or website you used? Your home screen was cluttered with icons, and your…
React Native Apps: The Future of Cross-Platform Development?
Mobile app development has come a long way since the early days of smartphones. As a result, companies and developers are constantly searching for new and…
5 Latest Mobile Application Technologies for Startups
In the world of mobile application development, the only thing constant is change. With the mobile app development industry constantly evolving, mobile app…
Programming for the Web: A Guide to Web Application Development
Web application development is a rapidly growing field that offers endless possibilities for creativity and innovation. From online shopping and banking to…
Should I Use Remix and GraphQL Together?
I recently wrote an article outlining how one can integrate GraphQL into a Remix app. But I failed to answer one fundamental question: "Does it make sense even…
Using GraphQL with the Remix React Framework
GraphQL is a modern and flexible data query language that was developed by Facebook. It provides an efficient and powerful alternative to traditional REST APIs…
Remix: The React framework you should check out in 2023
The Remix React Framework, an open-source framework released late in 2021, is winning fans with its minimalist approach and impressive power. It's simple to use…
Web application security risks (Injection Attacks and XSS)
From business and education to personal use, web applications have become integral to our lives. As their importance rises, so does the need for robust security…
Angular vs React: What should you choose? | MachineServant
When it comes to building web and mobile applications, developers have a variety of frameworks to choose from. Two of the most popular options are Angular and…
Cloud Services Model: The (Present) Of Application Environment
The use of cloud services has exploded in recent years, and it's easy to see why. With the ability to access data and applications from anywhere with an…
Web Development Trends (ChatGPT Generated)
This article was generated using ChatGPT. See my previous post for some context. Web development is a constantly evolving field, with new technologies and…
Untangling Remix Optimistic UI With Multiple Destinations
One of Remix's coolest features is the useTransition hook, which provides the basis for an "Optimistic UI" experience. You can read about this in the official…
The Musings of a React Web App Developer using Remix
About a year ago, a little project by the team that brought us React Router was made open source. The project, Remix, had been gathering a lot of buzz in the…
PurgeCSS, Tailwind, Gatsby, and Dependencies
This is a very specific use case, I'm aware, but what happens when you combine have a project that uses TailwindCSS, Gatsby, and PurgeCSS and then combine that…
How We Use bit and Storybook at MachineServant
Are you looking for an efficient way to create and manage a component library? If so, Storybook and Bit are two great tools that can help. Both of these…
StorybookJS: An Introduction and Analysis from MachineServant
The new web development paradigm is to develop components that are small, descriptive, and easily portable. Check out any front-end framework you like: React…
GatsbyJS and weatherwidget.io
Embedded assets can be a pain sometimes. A lot of the time, the embed code you are given just doesn't work out of the box. This is doubly true with Gatsby…
Publishing Posts with Remark
At the time of writing this post, MachineServant uses Remark for blog posts. It's super simple to use and keeps the blog posts directly inline with the code for…
Building MachineServant Part 1
There are numerous blog posts explaining how to build your website and host it using Gatsby and Netlify. I won't be diving into the details too heavily but I…