All posts tagged #React
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…
Remix Tutorial Part 5: Game Details View
In this tutorial, we'll be building out the game details view for our games app. As before, we'll be using the Remix framework to build out our app. If you…
Remix Tutorial Part 4: Search for Games
Ben likes to play video games. He wants to be able to search for games and add them to his list of games. We'll need to add a search bar to our app, and then we…
Remix Tutorial Part 3: The Side Menu
In this tutorial, we will be adding a side menu to our app. This will allow us to navigate between the different pages of our app. We will also be adding a new…
Remix Tutorial Part 2: Setting Things Up
We're using the "indie stack" from Remix. But I always need to customize the defaults because I'm difficult. I really should create my own stack to make this…
Remix Tutorial Part 1: Let's Build an App
A few weeks ago, I was in Chicago visiting with my sisters and my nephew; Ben. Ben is 7. Ben likes video games. Ben likes old video games that I played when I…
React Native Navigation Guide Part 8: Additional Resources
As we reach the end of this comprehensive guide on React Navigation, it's time to recap what we've learned and point you towards additional resources for your…
React Native Navigation Guide Part 7: Advanced Navigation Patterns
As we move further into the intricacies of navigation in React Native applications, we encounter several unique patterns that address specific needs. From the…
React Native Navigation Guide Part 6: Navigation Options and Styling
In any application, the ability to customize the look and feel of navigation components is essential. It not only enhances the user experience but also ensures…
React Native Navigation Guide Part 5: Advanced Navigation Concepts
In the previous sections, we've covered the fundamental navigation structures in React Navigation: Stack, Tab, and Drawer navigators. However, navigation in…
React Native Navigation Guide Part 4: Mastering Drawer Navigation
As we progress further in our comprehensive exploration of React Navigation, it's time to unfold another popular navigation pattern - the Drawer Navigation…
React Native Navigation Guide Part 3: Finessing Tab Navigation
As we continue our exploration of React Navigation, we now turn our attention to a feature that forms the backbone of most mobile application interfaces - the…
React Native Navigation Guide Part 2: Building with Stack Navigation
In the previous section, we established the importance of navigation and discussed the fundamentals of setting up React Navigation. As we dive further into this…
React Native Navigation Guide Part 1: Getting Started
Navigation is an integral part of any mobile application, providing a pathway for users to traverse various screens and interfaces. React Navigation, a popular…
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…
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…
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…
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…
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…
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…