Ryan Lanciaux articles - 18 total
AI Generating a 3d Print
Quickly take an AI generated image and make it a 3d print with the following steps. Generate an...
A couple tips for working from home
Many developers have been tossed into remote work due to the pandemic. While it's quite a lot differe...
Add a visitor count on your GitHub profile with one line of Markdown
In a previous article, I wrote about how you could add a visitor counter to your GitHub profile with...
Quick GitHub profile visit counter
UPDATE: For those that don't want to run their own server, be sure to check out...
Better testing with Storybook
In this article, we will discuss strategy that I like to help keep Storybook stories up-to-date....
Optional Chaining in JavaScript
In this article, we're going to take a quick look at the new, Optional Chaining operator in...
Nullish Coalescing in JavaScript
Nullish Coalescing is a language feature of JavaScript that was recently promoted to Stage 4 by...
Snowpack with React: An awesome way to build web applications
In this article, we're going to build a React application using Snowpack. Snowpack is one of the...
An introduction to Styled-Components with React
In this article, we are going to take a quick look at styled components, a styling library for...
Tailwind with React
Tailwind is a CSS library in a similar space to things like Bootstrap or Bulma. Tailwind is...
Increase your productivity with Storybook's new Component Story Format
Storybook's recent updates include a new way to define stories. In this post we'll look at how we can take advantage of these new features to increase our productivity
Quick tip: How to console.log in implicitly returned arrow functions
A quick tip to use console.log in conjunction with implicitly returned arrow functions
(Neo)vim for Web development
Vim is a great, configurable editor with a bit of a learning curve. In this article, we'll explore how we can configure vim to act a little bit more like a modern IDE while still maintaining its identity as an editor.
Use a ThemeProvider component in Storybook
Storybook is amazing tool for building component libraries. Sometimes we want to extend it to work with Provider components, such as an Emotion/Styled ThemeProvider. In this post, we explore how we can add a ThemeProvider to Storybook. This technique works with other libraries as well (like Redux).
Web Development with Windows Subsystem for Linux
Windows Subsystem for Linux is a new tool from Microsoft to run Linux on Windows without setting up a virtual machine. In this post we'll examine how to setup this tool for effective web development.
How should you ignore files for just you in git?
Sometimes it's helpful to ignore files in git outside of the shared .gitignore file. In this post, we'll quickly examine a way to keep files out of git without impacting the rest of our team.
Effortless Application bundling: React + Parcel in under 2 minutes
Parcel is an excellent Web Application bundler that gets out of our way and lets us focus on building our apps. This video (and supporting post) is a very fast intro to using Parcel with React. While the example is specifically for React, the concepts apply to other libraries as well.
Better frontend development with inspiration from the culinary world
While software development is a relatively young field, there are more established industries that we can learn from to help us write better code. For generations, chefs tout a mise en place mindset as a technique that is critical to success in the kitchen.