DEV Community

Matt Waler profile picture

Matt Waler

Overly generous lover of pragmatic front-end development. In my off-time, you'll find me lifting, eating, and playing chess.

Location Broadview Heights, OH Joined Joined on  Personal website https://mattwaler.com github website

Education

Bachelor's Degree - Integrated Media

Work

Frontend Developer at TrendyMinds

All 242 comments

Creating JSON Files with Eleventy

This is super clever!

Creating JSON Files with Eleventy

That data is already available to the build! You would get th...

Why React Is So Popular?

It was first. I think Vue/Svelte and other things are much ea...

Why you should Stop using CSS Frameworks

Stop telling people what to do. Let them come to their own co...

Creating JSON Files with Eleventy

In my example, I was referring to using the data on the same ...

Alternative to Bootstrap??? 🤔

There are still great frameworks to give you a head start if ...

Why Tailwind CSS

You're not saving any file size though, you're just moving by...

Why Tailwind CSS

How does abstracting CSS strings improve performance? If anyt...

What keyboard do you use?

Logitech Craft Keyboard. Although I would recommend the MX Ke...

What activities outside of coding do you spend the most time on?

Tennis. I've been having a blast this summer getting back int...

3 reasons you should try Svelte

Yes, all frameworks compile to vanilla JS, but Svelte says "v...

What are you glad you no longer use?

That's a solid list. Have you checked out Laravel before? It ...

Building My New Website with the TEA Stack

Thank you Simon!

Coffee drinkers: Do you take breaks?

I've been trying to stop drinking any form of caffeine after ...

Building My New Website with the TEA Stack

Eleventy doesn't force you to use Nunjucks, you can use Liqu...

Building My New Website with the TEA Stack

Wow, thank you!

Building My New Website with the TEA Stack

I made up the name myself! Feel free to use it to your hearts...

Where do you host your static sites?

Netlify all day baby

Flexbox vs CSS Grid: Which one do you prefer?

I use grid when I know the rows and columns will be equal and...

Personal portfolio: Gatsby vs Next?

Eleventy, ESPECIALLY if you're using markdown files for conte...

React Awesome Reveal v3 Beta

Maybe put some more stuff into this article like a gif showin...

What do you hate most about being a developer?

People disregarding common-sense, user-focused design and dev...

What computer mouse do you use?

Logitech G305! It's has only what it needs, a fantastic senso...

NPM vs Yarn: which package manager do you use?

Yarn is totally compatible with the package.json file, you do...

Show me your personal website/portfolio

Here is mine! It is built with: 11ty TailwindCSS AlpineJS ...

Which CSS library do you prefer and WHY ?

Thanks for approaching it with an open mind! It's good to tal...

Which CSS library do you prefer and WHY ?

Again, had I seen the two code examples for the first time, e...

Which CSS library do you prefer and WHY ?

Take a look at any of my projects on GitHub to see my preferr...

Before building your next static site with React, consider this

11ty is absolutely fantastic! I'm using it for all of my stat...

Which CSS library do you prefer and WHY ?

Aren't you just moving what's not nice to read to another fil...

Paid Developer tools you can´t live without?

making the web worse for everyone This is 100% a personal ...

What are your favorite coding podcasts?

They almost exclusively talk about the React portion of Web D...

Paid Developer tools you can´t live without?

Stop spreading this misinformation and hate on every post abo...

The Best Way To Dark Mode Your Website In My Opinion.

There is a lot of duplications in this approach in your CSS. ...

How can I create a blog with react and without using cms?

You could use Gatsby with the source-filesystem plugin to wri...

What are your favorite coding podcasts?

I still listen to them every now and again, but their React b...

What are some examples of "productive laziness"?

That is a truly fantastic quote and I'm stealing it thanks bye

What are some examples of "productive laziness"?

This quote illustrates perfectly why I love tools like Svelte...

What tools and flows do you use to organize your life

I just started using Habitica to track habits, todos, and dai...

What harmful habits do developers pick up over time?

I'm noticing lots of senior devs in my life have adopted the ...

Git-based CMS and privacy

If the content is going to be generated into HTML and will be...

What would you choose if you'd go against the trends?

I reach for Svelte and TailwindCSS every time. Both of these ...

What languages and tools do you use that spark joy?

I'd love to! But I can't change your mind unless you truly gi...

What languages and tools do you use that spark joy?

Woah this is awesome!

What languages and tools do you use that spark joy?

The TailwindCSS Intellisense extension for VS code makes it S...

What languages and tools do you use that spark joy?

Good luck! My one piece of advice is telling you that there i...

What languages and tools do you use that spark joy?

Svelte and TailwindCSS, especially when using together, are D...

Creating JSON Files with Eleventy

Awesome! I was going to come back to this and help debug beca...

3 reasons why web developers use Macs

There is absolutely a good reason beyond I want one. An iOS...

You Probably Don't Need a Mac

The new lineup of Mac's have entirely purged the butterfly ke...

You Probably Don't Need a Mac

en.wikipedia.org/wiki/FBI%E2%80%93...

You Probably Don't Need a Mac

A comparable flagship laptop in both Lenovo (ThinkPad) and De...

What's something you're currently learning?

Swift and Typescript!

Svelte, why so much hype ?

Svelte is the only framework I've used where I literally said...

Is the Tailwind approach a big step forward for CSS or just-yet-another-thing?

If I'm building a "component" class that uses a bunch of util...

Is the Tailwind approach a big step forward for CSS or just-yet-another-thing?

I may have misspoke, I do not think you should ever need to w...

Is the Tailwind approach a big step forward for CSS or just-yet-another-thing?

The point of Tailwind is to give you 95% of what you'll need ...

Is the Tailwind approach a big step forward for CSS or just-yet-another-thing?

Tailwind 1.4 actually bakes in purgeCSS into the tailwind con...

In defense of the modern web

Wait, do you actually think Svelte is just react with syntact...

Sapper SSR svelte: trying to add toast ui to the default template in index.svelte

I would pose questions like this on the svelte discord channe...

Does technical debt make burnout more likely?

100%. The DX of a project, as well as the quality of code and...

From Angular to React to Vue - My Experience with the Major Frontend Frameworks

Try out Svelte and add your review in here!

what's your side hustle after work hours?

I am building out a suite of products, both paid and open sou...

Config Tailwind CSS in React JS project in TL;DR way

I think create-react-app doesn't mesh well with Tailwind sinc...

Config Tailwind CSS in React JS project in TL;DR way

Can I recommend a different starter, one that is preconfigure...

Config Tailwind CSS in React JS project in TL;DR way

This is a great way to get started with Tailwind! However, y...

Should devs code in their free time?

Developing outside of work is cathartic for me personally. I ...

New personal site, who this?

I recently converted from Nuxt --> Eleventy and I'm also l...

New personal site, who this?

I'm sure a Next/Gatsby/Nuxt site would take even longer!

Productivity 101: Git Aliases for Lazy Developers

Could you not apply that same principle to a .bash_profile wi...

Productivity 101: Git Aliases for Lazy Developers

I think a lot of devs like a single source of truth for all o...

Portfolio Update

Awesome! Firstly, I think a custom font can go a long way in...

Portfolio Update

Looks good! Are you looking for critique?

Atomic CSS-in-JS

StyleX seems like an awesome solution to the CSS-in-JS proble...

I finally released my first Side Project and you can too.

I finally just decided to release my own personal side projec...

Using any JS library with VueJS

Absolutely agree! I just worry that people will be like "woah...

What is a problem you constantly have with CSS, or something you keep wanting to learn how to do?

Take the leap. You'll never look back once you've got the han...

Using any JS library with VueJS

I guess I am saying both! Proxying libraries adds the entire...

Using any JS library with VueJS

I would like to warn anybody reading this though that doing t...

I launched Overpass, a Personalized Pair Programming Service for Devs!

Wow, thank you so much for all the feedback! I am definit...

Best Static Site Generator to use in 2020

I would highly recommend 11ty over Hugo! ESPECIALLY if you'...

How has your opinion on "clean code" changed throughout your career?

As simple as possible, not overly abstract, is what I defin...

The one about CSS vs CSS in JS

They are nothing like inline styles. With inline styles, th...

Hit me with a good rant

The inability for a lot of developers, both fresh out of co...

The one about CSS vs CSS in JS

I would love to continue this discussion, IF you could bri...

The one about CSS vs CSS in JS

The only thing you've brought to this discussion is that yo...

The one about CSS vs CSS in JS

Tailwind has already found an audience (21,000 stars on git...

The one about CSS vs CSS in JS

The cascade is only as advantageous as your weakest developer...

The one about CSS vs CSS in JS

my man

Technologies I learned and that I do not use

This is fun and I want to add some of my abandoned learning...

Is just me or Gatsby is slow?

Especially when you're hooking them up to a headless CMS an...

npm vs npx - which to use when?

I use npx for packages like degit, serve, and for bootstrap...

Switch Statements Exist in Nunjucks!

I randomly decided to try it and it worked!

How to Effectively use a Single Monitor

As a Mac user, utilizing Divvy and Contexts make one screen...

Creating JSON Files with Eleventy

Thank you so much Ben!

Why you need to start using Svelte Js for web development projects if you still don't

Couldn't agree more on the React stuff you mentioned. You s...

Why you need to start using Svelte Js for web development projects if you still don't

Check out Sapper, it is the Svelte equivalent of Next/Nuxt!

Adding Tailwind to existing React app?

I could definitely help you out! Do you have a public repo ...

Is parcel more effective than webpack?

No. I think it's great for quickly building out a proof-of-...

What does success look like to you?

Success to me is being confident and happy with the code I'...

Knex.js is crazy convenient, just like jQuery

What?

What kind of physical exercises do you maintain to be fit and healthy?

Even if you're not trying to get ripped or become a bodybui...

Nuxt.js over Vue.js: when should you use it and why

Definitely worth using both vue-cli and Nuxt and maybe even...

Unpopular opinions

WORD.

Unpopular opinions

I use to hate Redux until I started using Easy Peasy!

Unpopular opinions

I think he means that in most cases, except for massive app...

Unpopular opinions

In most cases, it feels like GraphQL and Typescript a ton o...

Unpopular opinions

cough Svelte vs. React right now cough

What Tool Can You Never Remember or Get Good At?

Git! The more and more I start to try new things like stash...

Why it's time to use Vue.js?

This kinda looks like uglified Svelte to me. Why use this o...

What would be your choice of framework in 2020?

The best choice in 2020 is to choose the tool that answers ...

My VS Code Setup

I appreciate the help, but it was definitely solely because...

My VS Code Setup

Me too, but whenever I tried to save an format an SVG file ...

My VS Code Setup

Avoid the Auto Rename Tag extension! It is horrific for perfo...

Is JAMstack All Branding and Little Substance?

JAMstack opens the door to doing things in a significantly ...

Is Semantically Correct Markup Really Important In Modern Web Development?

Massively important. You should be using HTLM5 tags like he...

How to build a website in 2020

Hello, I'm the rando from 2b :D Thank you for causing me t...

How To Plan Scalable CSS for Large Projects?

I personally use Tailwind, and I generate very immutable an...

is it time to be @brave ?

Brave is really great but is missing lots of features devel...

Best JavaScript Frameworks to Learn as a Developer

There is no "best" JS framework. If you need lots of commun...

How To Plan Scalable CSS for Large Projects?

Using a utility framework like Tachyons and Tailwind has been...

Every VS Code extension a JavaScript web developer should have in 2021 (with gifs!)

Glad I could help! I literally had to disable extensions on...

Every VS Code extension a JavaScript web developer should have in 2021 (with gifs!)

Auto Rename Tag has horrific performance issues and constan...

What is the simplest static site framework?

11ty is love. 11ty is life.

Best Static Site Generator to use in 2020

I cannot recommend trying 11ty enough. It is a fantastic SS...

Best Static Site Generator to use in 2020

Do you want to hop in a discord server or a phone call and ...

Best Static Site Generator to use in 2020

Glad I could help explain! Yes, SPAs and "static sites" ar...

Best Static Site Generator to use in 2020

Nope! Gatsby is still outputting a SPA when you build. How...

Best Static Site Generator to use in 2020

When they speak to "speed" in their pages, they are talking...

Best Static Site Generator to use in 2020

I think if you try something out like 11ty you'll see the d...

6 VS Code Extensions That Give You Superpowers 🦸‍♂️

I would imagine you could accomplish this by making a reque...

Building my New Site with VuePress

The best part of it is it's flexibility, and it's protectio...

Building my New Site with VuePress

I too went from Nuxt --> Vuepress for my personal site. ...

6 VS Code Extensions That Give You Superpowers 🦸‍♂️

The REST client extension deserves much more praise. It has...

What are your thoughts on Tailwind CSS?

Tailwind has made me royally hate using anything else because...

What software development tools (libraries/frameworks/apps/whatever) make you feel most anxious while you're working with them?

Try out rollup! It's all the goodness of webpack, with way ...

What software development tools (libraries/frameworks/apps/whatever) make you feel most anxious while you're working with them?

Projects with massive CSS scaffolding. Hundreds of SCSS fil...

Svelte is the most beautiful web framework I've ever seen

Couldn't agree more. It's the perfect framework for sprinkl...

Svelte is the most beautiful web framework I've ever seen

If you're using vanilla Svelte with Rollup, it's as easy as...

Tell me an unpopular software opinion

This comment is confrontational and unhelpful. Tailwind/Pos...

Tell me an unpopular software opinion

Utility/Atomic CSS is the future.

How I Got Over My Fear of webpack

I got over my fear of webpack by switching to Rollup. My co...

What's a great talk you watched or listened to recently?

Thank you! I could not for the life of me figure that out.

What's a great talk you watched or listened to recently?

youtu.be/AdNJ3fydeao

New Programmer Pitfalls

As much as this feels like a rant, I think there is benefit...

First Impression with Svelte

Hey! I couldn't agree more with your notes about sapper being...

Fullstack starter for Svelte and netlify

Repository link?

Svelte + Tailwind + Parcel = Awesome!

I change it fairly frequently as I am developing, like when...

Svelte + Tailwind + Parcel = Awesome!

This is awesome! I love the idea of parcel, but I just alwa...

10 Coding principles and acronyms demystified!

Do not forget WET - Write Everything Twice. Don't abstract ...

Build a Responsive Website using Svelte in 30 minutes.

This page is definitely not Svelte's main use case. This page...

Best Podcasts for Web Developers in 2020

Full Stack Radio!!!!

What is your Favorite Browser?

Brave once they can figure out how to keep my bookmarks in ...

3 reasons why I went framework agnostic and why you should do that too

I think a good point to make here is that if people are try...

What tools do you use to stay accountable to your goals?

Todoist, GitHub issues, Calendar app.

What’s an unpopular software opinion you have?

Separation of concerns is dumb. Styles and structure should...

6 awesome CSS frameworks, which you should know as a front-end developer

It was very clearly a joke! I understand it rubs a lot of p...

Do u use Tailwind in React?

I use it in Vue/Svelte/React/11ty. I love that I now have a...

6 awesome CSS frameworks, which you should know as a front-end developer

Put tailwind in #1 like it deserves!! But really, great re...

Is GatsbyJS The Best Framework For Building Static Websites? What Are The Other Alternatives?

I think if you're trying to build a true static site, a tool ...

Switching back to my old buddy Sublime Text from VS Code 🤷🏻‍♂️

I would say, instead of hiring another developer, get your ...

Podcasts To Inspire You About Web Development & Entrepreneurship

Fullstack Radio with is a must listen!

lego, not yet another Static Site Generator

11ty leaves assets and optimizations up to you to implement...

lego, not yet another Static Site Generator

How does this perform compared to 11ty when building 100~ p...

6 Principles For Better, Cleaner Code

WET (Write Everything Twice). Before you create an abstract...

Is Flutter Desktop ready for experimentation?

It'd be cool if the contents of the video were transcribed ...

Add React to a site

This seems like a better fit for something like Stack Overf...

What do you use for password management?

1password is DOPE

Bulma - The Most Underrated Framework of the CSS Framework Era

Next stop, TailwindCSS!

What are your JAMSTACK goals this week?

11ty + Forestry :D

Oh snap, here comes *another* JavaScript framework | SVELTE

I'll take Svelte a little more seriously when the main site...

What is a good team lead in your opinion?

Push the company's stack forward, manage and delegate tasks b...

Top 5 DEV Comments from the Past Week

Woooo!

You Probably Don't Need A Front End Framework

You should check out Sapper/Svelte if you hate the VDOM so ...

You Probably Don't Need A Front End Framework

I really think you're in the minority for all of these opin...

What is the hardest part of your job?

Dealing with challenging client demands within the confines...

You Probably Don't Need A Front End Framework

You clearly just do not want to use CSR SPAs, and that is o...

You Probably Don't Need A Front End Framework

There is no need to build a component navbar if you do not ...

You Probably Don't Need A Front End Framework

SSR has relatively good performance, until you actually hav...

You Probably Don't Need A Front End Framework

I like the metaphor with building cars, but the beauty of J...

You Probably Don't Need A Front End Framework

I understand the point of this article and agree, you should ...

[Ask Dev] Is Slack disruptive at work?

Yes

Tailwindcss is My Favorite Coloring Book

Everybody make sure to follow Adam Wathan on YouTube, he ju...

Tailwindcss is My Favorite Coloring Book

Make sure you grab the VS Code intellisense extension to see ...

Ditch Console Log

What about debugger?

Not Too Bad for an Hour's Time

Try out hosting on Netlify!

What is the worst advice for the newbie?

Alternatively, Act like your preferred tool is the GOAT an...

What is the worst advice for the newbie?

I agree. But I would say that newcomers should force themse...

What is the worst advice for the newbie?

I always found it easier to find a tutorial for the basics ...

What is the worst advice for the newbie?

SO MUCH THIS. Tired of trying to convince people that crea...

What's something you wished people would ask you about more?

Using Vue.js!

What are your productivity tools?

Alfred, Divvy, Rocket, Mos, VS Code Markdown (Files in iCl...

My beautiful Linux development environment

Meh, not bad, but nowhere close to Alfred. The "open in VS ...

My beautiful Linux development environment

Alfred is the only thing keeping me on macOS versus using a...

Which is the Best Database for NodeJS?

hasura graphql on top of postgres has been working wonders ...

What is that one tool/stack/framework that you have no interest with despite the popularity?

Everybody praises React, saying that "It's just JavaScript." ...

My macOS Dev Env Tools

Meh I think WorkFlowy or stuff like that is more for me. Th...

My macOS Dev Env Tools

I'm the exact opposite. I feel like there are TOO many opti...

What was your win this week?

Got an entire azure resource group and pipeline up and runn...

Best Practices for HTML

If I was using a div within a section to create a 50-50 lay...

Best Practices for HTML

People seem to hate on using divs as wrappers, when really ...

Getting Into Live Streaming

I don't know, I personally would not enjoy tuning in to a s...

Pug vs EJS?

Take a look at nunjucks, I think it's a middle ground betwe...

Have you ever quit a job without anything else lined up?

Yes! I quit my first job out of college with not...

Top tools for junior frontend developer

I much prefer it to postman, much less visually overwhelmin...

Top tools for junior frontend developer

Insomnia is a much simpler Postman with a much more customiza...

What's your desk setup?

I’m using a usb switch to use the same peripherals across dev...

What's your desk setup?

Sorry for the delayed response, here are links: Desk Moun...

What's your desk setup?

It’s a microphone. Here is a link.

What's your desk setup?

Here is my setup! The big benefit is being able to switch be...

Why JAM Stack?

Markdown is one way to manage content within the JAMstack, ...

Why JAM Stack?

The M in JAMstack is for Markup, not Markdown. Content is m...

What Type of Music Do You Listen to While Coding?

Lo-fi helps me stay focused but doesn't distract me with vo...

5 Tips for better NPM script organization

Don’t forget pre and post hooks in your package.json!

Using Tailwind with Vuejs

You are arguing that the bundle size is too large, and that i...

Using Tailwind with Vuejs

Not sure how to respond to this. I think you need to do mor...

Using Tailwind with Vuejs

This is very misleading. It is stated throughout the docume...

Password manager recommendations?

I would argue the first point about clean aesthetic is uniq...

The new MacBook Pros are overpriced

youtube.com/watch?v=J-wHQEiDKr4

Style beautiful web pages without writing any CSS. Using W3.CSS.

The only place I'm seeing any is in your comments.

Style beautiful web pages without writing any CSS. Using W3.CSS.

It really makes me sad to see so much negativity and superi...

Style beautiful web pages without writing any CSS. Using W3.CSS.

Luckily it's an easy markup change that can be done in seco...

Style beautiful web pages without writing any CSS. Using W3.CSS.

Touché. I read your comment in a negative tone, which is de...

Style beautiful web pages without writing any CSS. Using W3.CSS.

If your way works for you, and my way works for me, why arg...

Style beautiful web pages without writing any CSS. Using W3.CSS.

This article perfectly describes why it is very different f...

Style beautiful web pages without writing any CSS. Using W3.CSS.

I encourage you to give this article a read and share your ...

Style beautiful web pages without writing any CSS. Using W3.CSS.

While I agree with you that W3 css isn’t necessarily a grea...

What Are Your Favorite/Current Mouse and Keyboard Setups?

Logitech Craft Keyboard + Logitech G305. Both wireless, gre...

Minimalist browsing with Min browser

I agree with you, and I do prefer firefox as well. Unfortun...

If you could install only one VSCode extension?

vetur for sure.

Best youtube channels to Devs and Designers

Refactoring UI on YouTube is a phenomenal web design source...

What do you think of static design tools?

You make a lot of great points. I think the design tooling ...

Super Simple Grids Using CSS Grid

Definitely better than using a framework for layout! While...

What do you think of static design tools?

I used to think things had to be designed with a tool like ...

Best Open Source Tools For Developers 🛠

Don't forget fish too! Feels a lot faster and has lots of t...

loading...