Open in app
Home
Notifications
Lists
Stories

Write
Spencer Porter
Spencer Porter

Home

About

Dec 8, 2020

ByteSize: Creating a Condensed Header on Scroll with Flask and React

Keeping the important stuff in reach — In this edition of ByteSize we’re going to be taking a look at creating an animated condensed header using a scroll trigger. …

React

4 min read

ByteSize: Creating a Condensed Header on Scroll with Flask and React
ByteSize: Creating a Condensed Header on Scroll with Flask and React

Dec 5, 2020

ByteSize: Performant Storage with Flask + React

Combining storage types for maximum performance — In the last tutorial we started putting together a rudimentary link preview component. Starting with the Microlink library, we were able to allow our users to enter a URL address and see an automatically generated OpenGraph preview of the link. It’s rough though. If we are outside of the caching…

Python

5 min read

ByteSize: Performant Storage with Flask + React
ByteSize: Performant Storage with Flask + React

Nov 30, 2020

Interpreted: Python Data Engineering Libraries You Need To Know But Probably Don’t

The right tools to handle data at scale. — Working with Python for data engineering is amazing, provided you have the right tools at your disposal. Trying to continuously patch a faulty pipeline though can be like using duct-tape: eventually the cracks are going to show. Trying to learn Python implementations of Apache platforms such as Airflow, Storm and…

Data Science

3 min read

Interpreted: Python Data Engineering Libraries You Need To Know But Probably Don’t
Interpreted: Python Data Engineering Libraries You Need To Know But Probably Don’t

Nov 30, 2020

ByteSize: Link Previews with Flask + React

Autogenerating beautiful link previews and embeds — In this Flask + React component tutorial we’re going to dig into building link previews. Link previews are commonly used in social networks as decoration to make conventional URLs more appealing than the typical blue underlined text. If you wanted to learn how to make more cool components, be sure…

Flask

5 min read

ByteSize: Link Previews with Flask + React
ByteSize: Link Previews with Flask + React

Nov 27, 2020

ByteSize: Setting up with Flask + React Boilerplate

A Template for Zero to Hello World in 5 minutes. — I use Flask and React. A lot. As I reference setting up an application with them for most of my tutorials, I figured it would be worthwhile to put together a quick instructional for how to get up and running instead of repeating it each time (DRY and all that). …

Flask

4 min read

ByteSize: Getting to Hello World with Flask + React
ByteSize: Getting to Hello World with Flask + React

Nov 27, 2020

Interpreted: Why Flask+React Should Be The Go-To Stack for New Startups

It’s time to move on from MERN and JAM — In honour of #nonuancenovember, I wanted to give my take on why you should use Flask and React for your next project. While there are an almost unlimited number of stack combinations, Flask and React provide an incredibly versatile platform to build even the most ambitious web applications. These are…

Entrepreneurship

4 min read

Interpreted: Why Flask+React Should be the Go-To Stack for New Startups
Interpreted: Why Flask+React Should be the Go-To Stack for New Startups

Nov 26, 2020

ByteSize: App Optimization with Flask + React

Tips and tricks to get to sub-100ms responses — This is the last in a series of articles where we have been putting together a fully functional infinite scroll component using React + Flask, with some help from Material-UI and the Unsplash API. …

Flask

7 min read

ByteSize: App Optimization with Flask + React
ByteSize: App Optimization with Flask + React

Nov 25, 2020

ByteSize: Dynamic Search With Flask + React

Handling user input with an infinite image search component — Over the last few articles we’ve been going through how to create an infinite scroll image grid using Flask, React and the Unsplash API. In this installment, we’re going to be adding the ability to search for photos to our component. …

Flask

5 min read

ByteSize: Dynamic Search With React + Flask
ByteSize: Dynamic Search With React + Flask

Nov 24, 2020

ByteSize: Infinite Scroll with Flask and React Pt.2

How you can easily integrate an Unsplash infinite image grid using Material-UI — In our last tutorial, I took a walk through how to set up the back and front end of an infinite scroll component. While functional, there was still a little bit to be desired in terms of styling for the component. This time around, we’ll be integrating the Material-UI library…

Web Development

3 min read

ByteSize: Infinite Scroll with Flask and React Pt.2
ByteSize: Infinite Scroll with Flask and React Pt.2

Nov 23, 2020

Full-Stack Design: Flask and React

Using CSS Grid and Media Queries in the wild. — Great design is art. I spend an inordinate amount of time on Dribbble, Behance and Instagram scrolling through all the amazing concepts that people are creating. If I am feeling particularly inspired, I love to try and recreate them from scratch in fully deployed application. For me it’s a great…

Web Design

5 min read

Real World Flask and React
Real World Flask and React
Spencer Porter

Spencer Porter

Ottawa-based programmer👨‍💻 Head of Infrastructure @ Ontopical https://ontopical.com

Following
  • Aphinya Dechalert

    Aphinya Dechalert

  • Victoria Kurichenko

    Victoria Kurichenko

  • Felicia C. Sullivan

    Felicia C. Sullivan

  • RayRay

    RayRay

  • Enrico Portolan

    Enrico Portolan

Help

Status

Writers

Blog

Careers

Privacy

Terms

About

Knowable