Tim Smith

Tim Smith @iam_timsmith

About: I’m a full stack developer who has experience with several front-end tools like Reactjs, Vuejs, and jQuery as well as some back-end tools like PHP, Laravel, Node, and Express.

Location:
IL
Joined:
Jul 6, 2018

Tim Smith
articles - 37 total

Who needs an accessible website?

Building websites for as many people as possible can be challenging but rewarding. In this post, I will discuss the different users who could use your site and how accessibility impacts them.

Learn More 3 3Feb 12

Dialogs vs. Modals: Is there a difference?

Many times, modal and non-modal dialogs are regarded as the same thing. Are they really the same? I will explore the differences between the two.

Learn More 46 6Sep 21 '23

Using Variables in CSS

When I was first starting to learn web development, I remember being annoyed with writing the same...

Learn More 20 1Dec 21 '21

How to use React Context

Have you ever had to pass a piece of state three or four levels deep along with a method to update...

Learn More 6 0Dec 13 '21

React 101: The Basics

React is one of the most in demand tools in the job market these days, but if you don't know it...

Learn More 7 0Nov 30 '21

Getting started with React Hooks

A few years ago I wrote a post about class components vs stateless functional components and why you...

Learn More 8 0Dec 6 '21

Creating a better SEO component for Gatsby sites

When you create a new project using the default starter for Gatsby, it gives you an SEO component...

Learn More 35 4Mar 1 '21

Using the Pug Templating Engine Part 4 - Includes & Mixins

Now that we've covered templating, logic, and layouts, it's time to cover the last major piece of...

Learn More 3 0Feb 19 '21

Using the Pug Templating Engine Part 3 - Layouts

So far in this series, I have covered basic templating and how to use logic when creating a frontend...

Learn More 7 0Feb 18 '21

Using the Pug Templating Engine Part 2 - Logic

In my previous post, I showed you how to create elements in Pug with classes, ids, attributes, and...

Learn More 5 0Feb 16 '21

Using the Pug Templating Engine Part 1 - Markup

If you've ever used something like Drupal, Laravel, or Adonis, you've likely encountered a template e...

Learn More 10 0Feb 15 '21

Let's build a search bar using React Hooks

A few years ago I wrote an article called Let's build a search bar in React where I showed readers...

Learn More 3 0Apr 1 '21

Creating a Basic Server with Express.js

In this post, I'm going to show you how to create a basic Express.js server for your web...

Learn More 10 0Sep 17 '20

Gulp Basics - A Modern Frontend Workflow

With front-end tools evolving as rapidly as they do, it can be hard to know how to use things while...

Learn More 15 1Jun 11 '20

Creating Custom Gutenberg Blocks with React and WordPress - Part 2

In the last post about custom Gutenberg blocks with React and WordPress, I talked about registering...

Learn More 15 2Nov 15 '19

Creating Custom Gutenberg Blocks with React and WordPress - Part 1

As of WordPress 5.0, Gutenberg comes built-in. In this post, I'll give you the basics of what...

Learn More 24 3Oct 11 '19

Finding a Job While Using a Kanban Workflow

Finding a job in the web development industry can be pretty hard. Using a kanban workflow during the...

Learn More 7 0Sep 30 '19

Creating A Kanban Workflow As A Freelance Web Developer

As a freelance developer, it can be hard to keep projects organized. In this post I'll talk about what Kanban is, tools you can use, and how it can help you.

Learn More 20 2Aug 14 '19

Follow Friday!

Happy Friday everyone! Post your social media links, blog links, etc so people can follow you! Mine...

Learn More 9 7Jul 19 '19

How is your portfolio built?

My portfolio site has gone through several different iterations. It started as a plain html site, the...

Learn More 202 313Jul 10 '19

How do you find topics to blog about?

Writing blog posts isn't super hard for me, possibly because I've always enjoyed writing and I come f...

Learn More 10 18Jul 1 '19

Take Snapshots of Your Project with Git

Git is a tool which allows you to take "snapshots" of your project. I'm going to show you how to get...

Learn More 4 1Jul 1 '19

Getting Started with the Linux Command Line Interface

By learning a few commands can open a new world of functionality as a developer. Today I'm going to...

Learn More 10 0Jun 27 '19

Avoiding Burn Out as a Web Developer

As a web developer, burn out is a very real concern. It's something that isn't talked about much, so today I'll talk about my experience and how to avoid it.

Learn More 66 7Jun 6 '19

What I Learned from my First Tech Conference

I recently attended my first tech conference. In this article I will talk about what I learned, what to expect, and how to prepare to have a great time!

Learn More 18 3Jun 5 '19

How To Build A Blog with Wordpress and Gatsby.js - Part 3

In the third part of this series about WordPress and Gatsby js, we will be creating pages using templates and components using data from WordPress.

Learn More 53 8Apr 4 '19

How To Build A Blog with Wordpress and Gatsby.js - Part 2

In the last post, we covered setting up WordPress for use with Gatsby. Today we will cover how to pull the data from WordPress into Gatsby and build pages.

Learn More 44 0Apr 3 '19

How To Build A Blog with Wordpress and Gatsby.js - Part 1

Ever wondered how to use Gatsby js with WordPress? This post will cover everything you need to know about getting WordPress ready for a Gatsby site.

Learn More 171 1Apr 2 '19

How to Use Sass and Styled Components in a React JS Application

Today we will be covering a few popular methods to style our React JS applications such as Styled Components and Sass to explain the benefits of both.

Learn More 98 3Mar 16 '19

Learning From Small Projects

Sometimes, building simple projects can be a great way to learn a new technology or try out a new idea while solving a problem. What are some of your projects like this?

Learn More 14 0Mar 15 '19