Building serverless applications with Fauna + GraphQL
• Let's learn how "serverless" and "GraphQL" compliment each other when building frontend-focused web apps.
34 posts and counting 💪
• Let's learn how "serverless" and "GraphQL" compliment each other when building frontend-focused web apps.
• Let's get some clarity on what single page apps are, how they work, and where they differ from server-side routing.
• It's easy to grab keys out of JSON objects, but what if we want to grab entire, nested sets of object keys without destructuring?
• It's easy to build fancy fade transitions, but how do we include keyboard-ists and screenreaders in the mix?
• Let's see why CSS variables / custom properties fail in media queries + some workarounds to try
• Image optimization is never fun to deal with. Let's learn how the picture element + 11ty can save any static site from bloated load times.
• The world has been moving away from "pancake" bundling and towards dynamic module imports. Let's see the latest trends and what they mean for us.
• Here's 4 bash snippets that let me push, pop, and pull my way to victory as a web dev!
• Let's explore architecture complexity, when abstractions are bad, how React Hooks work, and the importance of SvelteJS
• I struggled with understanding array.reduce for a while. So I found my own way of explaining it that clicks 💡
• Using CSS variables + any frontend framework to add a metallic shine to your UI
• Turns out, Jest gives you access to all sorts of browser APIs (fetch, localStorage, etc) that you can mock at a moment's notice! Let's see how.
• Why I'm ditching my favorite notetaking app to get organized, write everything down, and build a second brain.
• From the burning ashes of 2020, I've unearthed some gems that really improved my life as a dev. Let's talk notes, git snippets, state machines, and FP!
• Let's pull CMS data the easy way with GraphQL. We'll explore NextJS, Contentful, and GraphiQL from a beginner's perspective!
• We've come a long way from Bootstrap. Let's explore the CSS framework spectrum from utility classes to all-in-one component powerhouses.
• Let's build a slick navbar you can use in React, Svelte, or vanilla ES6 JS. We'll create an animated hamburger dropdown as well!
• State machines aren't just a nice library (hi XState); they're a way of thinking about your state. Let's jump into an example using TypeScript.
• Here's when templating libraries like Pug might be better than a bunch of components
• Aka building my own static site generator from scratch (don't try this at home)
• Everyone's talking about CSS Grid, but when is it really better than what you're already doing?
• CSS variables are super powerful. Let's see how they can make repeated styles less DRY
• Let's make a carousel of images that fade between each other, all in 30 lines of code.
• A rundown of my favorite web dev tools in 2019 feat. Netlify, Svelte, CSS vars, and Contraste
• Whether you've seen HTML or not, it may feel unclear when to use each element, or even what elements are available these days.
• As a frontend dev with little industry experience, these are some lessons learned in the project development process.
• Enums are a great way to standardize your types. But if you want those string values, is this the best solution?
• When your code turns to 💩 but you've already committed, how do you go back?
• Styling with JavaScript is pretty convenient, but how can CSS replicate that logic?
• A collection of thoughts on using Git to its fullest when working on a project team
• CSS frameworks are super useful for the building blocks of a website, but when is it best to start adding custom styles?
• AOS libraries sure are slick, but why add dependencies when it an be simple to implement yourself?
• Every new programmer starts with vanilla JS and DOM manipulation. But in the component-driven world of modern web dev, is that the best way to start?
• Everyone's making a static site these days, and most use GitHub Pages to get up and running fast. Here's why Surge is also worth a look 👀