RSSAmplifier

Blog

IO.IO: Tips & Tutorial For The Modern Web Developer

Hi there ! Having a hard time keeping up with the ever changing world of web development ? You've come to the right place ! Come with me on a journey of exploration of modern web technologies.

dev.indooroutdoor.ioRSS feed ↗13 posts

Latest posts

Asyncio Demystified: Rebuilding it From Scratch One Yield at a Time

I don't know about you, but each time I await something in Python, I get a tiny itch in the back of my brain. Not because I don’t know what it does or how to use it, that part’s fine. I write my async defs, slap some await in there, and it just works...

How to Revert a Merge Commit And Then Merge Again

A few days ago, I stumbled upon a thread talking about the trade-offs of squash-merging a PR VS creating a merge commit. One of the topics of discussion was whether or not reverting merge commits was possible. Here’s the thread in question: https://...

Authentication Patterns and Best Practices For SPAs

Introduction Authentication is something most web applications need, and that can be difficult to get right. Recently I had to implement it for a React app I was developing, and wanted to list the options available to me. So I did a bit of research ...

Re-Doing the Django Tutorial With FastAPI And React: Connecting a React app to FastAPI !

Note: This is part 4 of a multi-part tutorial on FastApi and React. If you want to start from the beginning (which I recommend!😉) here's part 1! Welcome to part 4 of this tutorial! Today we'll see how to connect a React app to our awesome FastAPI ba...

React Tips & Tricks: Uploading a File With A Progress Bar

Forms are often tricky to get right with React. While there are great libraries like formik or React Final Form to do the heavy lefting for us, handling file upload still isn't always straightforward. In today's episode of React Tips & Tricks, we'll...

Re-Doing the Django Tutorial With FastAPI And React: Building the CRUD endpoints!

Note: This is part 3 of a multi-part tutorial on FastApi and React, if you've not read the previous part, start here ! Welcome to part 3 of the tutorial, today we'll see how to use path operations to return information from our Database. It's CRUD ti...

Re-Doing the Django Tutorial With FastAPI and React: Database & Models

Welcome to part 2 of this series where we're building the Poll App from the Django Tutorial, using FastAPI and React ! In part 1, we saw how to set up a FastAPI project using Docker, and wrote our first path operation. Today in Part 2, we'll go one s...

Agile Software Architecture using Archimate and the C4 Model

Introduction Recently, I decided the time had come for an overhaul of the way we handle software architecture in my team. As our numbers grow, we had an urgent need for tools and processes that allowed us to keep our agility, while offering strong gu...

Re-Doing the Django Tutorial With FastAPI And React: Setting up a FastAPI project !

FastAPI is an awesome modern Python framework designed to enable developers to quickly build robust and performant APIs. Once you start getting the hang of it, you can become super efficient in building new endpoints and implementing complex busine...

FastAPI Tips & Tricks: Testing a Database

If you haven't heard of it yet, FastAPI is a micro-framewok that allows developers to make full use of modern Python."Micro" here, means that rather than trying to cover every use case, it focuses on doing a single thing extremely well: giving you th...

How to extend any HTML element with React and Typescript

In React, we often build small components to encapsulate specific behaviors. This allows for composition and high re-usability. Sometimes for instance, it makes sense to wrap a basic HTML tag like an or a in a Component, to add c...

Building An acquisition Funnel in React with Xstate - Part 2

This is part 2 of a two parts article. If you haven't done it yet, checkout part one ! In part one, we used a strong programming pattern to model our funnel: a state machine. We also built a FunnelProvider that provides us with a flexible api to syn...

Building an acquisition Funnel in React with Xstate - Part 1

Building (and maintaining) an acquisition funnel is something that most development teams will be asked to do at some point. This is no small task as this funnel will often be the main entry point to the company products or services. This means that...