All posts tagged #Tech
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…
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…
Storybook Vs. Bit: What's the difference
Wondering what the difference is between Storybook and Bit? This article breaks it down for you, so you can choose the right tool for your project. Sometimes…
Front End vs. Back end
A website or application has two sides - the front end, aka 'the client side,' and the back end, also known as 'the server side.' The former is responsible for…
Why (and How) You Should Be a Front-End Web Developer
If you've ever wanted to turn your creativity and tech skills into a career, then look no further than becoming a front-end web developer! You'll get the chance…
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…
What is Python and what is it used for?
What is python and what is it used for? Python is a high-level, general-purpose programming language that is widely used in various industries and fields, such…
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…
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…
What About Security?
One of the most frequently asked questions I get is "How can I ensure my website (or application) is secure?" And, boy, do I wish that was a question with an…
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…