Improve Pyodide code maintainability and add a persistent data layer with PouchDB.
Due to modern front-end frameworks like React, Vue, and Angular, web development has shifted significantly to the front-end. More and more, the back-end simply serves up the data for the front-end to manage, prepare, and display to the end user.
The tutorials and articles on TestDriven.io teach how to build and test modern user interfaces with React, Vue, Angular, Svelte, htmx, and Tailwind CSS.
Latest Posts (25)
Configure web workers to work with Pyodide and analyze data with Pandas in the browser.
Build a Single Page Application with Python and Pyodide.
Build a CRUD app with FastAPI and React.
Add htmx and Tailwind CSS to Flask to improve developer productivity.
Build a Python code editor in the browser using WebAssembly (WASM), via Pyodide, and CodeMirror.
Add htmx and Tailwind CSS to Django to improve developer productivity.
Three different methods for combining Flask and Vue.
Step-by-step walkthrough of how to set up a basic CRUD app with Vue and FastAPI.
This tutorial serves as a guide for unit testing Vue components.
In part 1, we'll set up the overall project and then dive into developing the UI with Test-Driven Development.
In part 2, we'll finish the UI before we dive in to adding the basic calculator functionality.
This article looks at a new approach for achieving a Single-page Application (SPA) -- HTML over WebSockets.
Develop a web app for selling products using Stripe, Vue.js, and Flask.
Step-by-step walkthrough of how to set up a basic CRUD app with Vue and Flask.
Leverage the JAMstack with Python and Flask by creating a static site and deploying it to Netlify.
Add session-based authentication to a Single-Page Application (SPA) powered by Django and React.
Add session-based authentication to a Single-Page Application (SPA) powered by Flask and Svelte.
This articles serves as an introduction to CSS Grid where you'll look at how to create complex grid-based layouts with simple CSS.
This article looks at how the useContext and useReducer hooks can be used to make React applications and their state management clean and efficient.
An introduction to React Hooks.
In the following tutorial, we walk you through configuring Cypress to run tests in parallel with CircleCI.
This post looks at how to introduce Cypress into your test-driven development workflow.
This post details how to add end-to-end tests to an Angular app with Cypress and Docker.
This post organizes some of the best tutorials on the web to migrate from Heroku to AWS.