DEV Community: Taylor Bantle

Creating dynamic Tailwind themes for a React library

Taylor Bantle — Wed, 20 Mar 2024 18:50:54 +0000

I wrote an article about how we implemented dynamic Tailwind themes in Typescript for a React component library that we built to share components between web applications with different color themes. It also shows how we use Storybook to toggle color themes when testing React components.

Check out the article here: https://www.dolthub.com/blog/2024-03-20-dynamic-tailwind-themes/

A modern, browser-based, open source SQL workbench for your MySQL-compatible database

Taylor Bantle — Wed, 29 Nov 2023 19:36:08 +0000

Why are SQL workbenches stuck in 2002?

I work for the company behind Dolt, the first fully versioned SQL database. As a database company, we have often felt the pain of the lack of modern, web-native or browser-based SQL workbench products.

We built a cool database UI for our other web products (DoltHub and Hosted Dolt) and we wanted the world to have it. The Dolt Workbench not only works with Dolt, which will unlock version control features, but it also works with any MySQL-compatible database, including MySQL and MariaDB. As far as we can tell, the Dolt Workbench is the only free, open source, browser-based SQL workbench available today.

We’re actively developing and would appreciate any feedback!

Get started on Docker Hub: https://hub.docker.com/r/dolthub/dolt-workbench

Check out the code on GitHub: https://github.com/dolthub/dolt-workbench

View announcement blog post for more information: https://www.dolthub.com/blog/2023-11-29-dolt-workbench/

How to build Single Sign-On for your Web App

Taylor Bantle — Wed, 08 Nov 2023 18:03:07 +0000

Single sign-in (SSO) is a popular enterprise feature for web applications. It permits users to log in to multiple applications with one set of login credentials, resulting in improved user experience and increased security.

What are the considerations to take into account when building an authentication model with SSO? What are the different components needed to implement SSO on your web app?

I wrote an article that answers these questions and goes through the steps to build SAML SSO for your web app. Check it out and let me know what you think!

https://www.dolthub.com/blog/2023-11-08-building-sso-for-your-web-app/

Two dot vs three dot diff and log

Taylor Bantle — Fri, 11 Nov 2022 19:00:55 +0000

What do dots mean when it comes to git diff and log? How can you use dots between revisions to show pull request diffs and logs?

This article aims to answer those questions: https://www.dolthub.com/blog/2022-11-11-two-and-three-dot-diff-and-log/

Using AWS Incident Manager to implement support tickets on our website

Taylor Bantle — Thu, 14 Jul 2022 18:23:30 +0000

I wrote a blog about how we used AWS Incident Manager to implement a support ticket system on our website. Also compares some alternatives to AWS (PagerDuty and Splunk On-Call). Let me know what you think!

Here it is: https://www.dolthub.com/blog/2022-07-13-hosted-dolt-incident-manager/

Guide to migrating a React app to the new Google sign-in library

Taylor Bantle — Wed, 04 May 2022 18:45:55 +0000

Hello! Google announced that as of April 30, 2022 new applications cannot use their old Javascript sign-in library and must use their new Google Identity Services instead (existing apps have until March 23, 2023 to migrate).

I had a hard time finding React resources when migrating our React app to the new library, so I wrote a blog about it in case anyone finds it helpful: https://www.dolthub.com/blog/2022-05-04-google-signin-migration/

How we use Apollo Client to manage GraphQL data in our Next.js Typescript application

Taylor Bantle — Tue, 27 Apr 2021 00:17:11 +0000

Hi there!

I wrote an article about how we use Apollo Client to interface with GraphQL within our Next.js application, DoltHub.

It covers:

Why we chose Apollo as our front-end state management solution
How we set up our Apollo client to work with Next.js and multiple GraphQL endpoints
Setting up and using GraphQL Code Generator to generate Typescript code based on our GraphQL schema
And more!

Check it out here: https://www.dolthub.com/blog/2021-04-26-apollo-client-with-graphql-and-typescript/

A Guide to Unit Testing React Apollo Components

Taylor Bantle — Sat, 06 Feb 2021 00:08:55 +0000

I wrote a step-by-step guide for mocking and testing React Apollo components using a component on our website as an example.

It includes:

Setting up Jest
Mocking Apollo GraphQL queries and mutations
Writing tests using MockedProvider and mocks
Solutions to common errors

Check it out here: https://www.dolthub.com/blog/2021-02-05-guide-to-react-unit-testing/

Managing React Dependencies

Taylor Bantle — Tue, 19 Jan 2021 17:51:21 +0000

Do you struggle to manage the millions of dependencies for your React applications? I wrote a blog about my experience managing dependencies for our Next.js React application, DoltHub, as well as my step-by-step process for updating our dependencies monthly.

If you have any tips or advice on the topic, I'd love to hear from you!

Testing login using Cypress.io

Taylor Bantle — Fri, 23 Oct 2020 20:58:15 +0000

I wrote about using Cypress.io to test our web application (https://www.dolthub.com). We recently started supporting tests for login and private paths. This blog compares two login options we considered for best testing the workflows on our website with some examples.

Read the blog here: https://www.dolthub.com/blog/2020-10-23-cypress-login-tests/
Check out our suite of Cypress tests here: https://github.com/dolthub/dolthub-cypress

Open source Cypress tests written in Typescript

Taylor Bantle — Mon, 17 Aug 2020 23:34:01 +0000

We made our suite of Cypress tests for our Next.js web application (https://www.dolthub.com) open source for anyone to view or use as an example for testing their own web apps. Our tests are written in Typescript and we're currently running our tests on both Jenkins and GitHub Actions.

You can learn more about how we set up our Cypress tests in Typescript here: https://www.dolthub.com/blog/2020-08-17-cypress-open-source

Using Cypress to test DoltHub

Taylor Bantle — Mon, 10 Aug 2020 23:01:04 +0000

Dolt is Git for data and DoltHub is our Next.js web app that houses Dolt repositories. We blogged about why we use Cypress for our end-to-end testing, how to set it up and get started writing tests, and some limitations we found.

Check it out here: https://www.dolthub.com/blog/2020-08-10-testing-dolthub-cypress/