Скачать или смотреть convert React app to typescript w/ prompt engineering | Part 12

We continue with the series on building a React.js Transcript-based Video Editor, where I will show you how to build an application like Descript, an app that allows you to edit your videos through the transcript.

In this video we ask Cursor to refactor our entire React.js application into typescript in one-shot (sort of). We had to nudge the LLM to continue refactoring a few times.

Below are the main prompts that are used in this video. If you would like to clone this Github project and follow along with this video, please see instructions link below for Following Along with Tutorial Videos, which will show you how to clone this repo and rewind it to the commits in this video (you will need the commit IDs provided below).

Github project: https://github.com/aeronesto/video-ed...
Following Along with Tutorial Videos: https://github.com/aeronesto/video-ed...

List of prompts

1. Refactor entire front-end React.js codebase into typescript

@context: /src

My front-end React.js application was built without typing and it's gotten a little out of hand. I need to update my application so that it can use typing and I've heard that TypeScript is the best option for this. Can you please refactor my entire script? The entire front-end code base to use TypeScript? Please use the latest version of TypeScript. You can get the latest documentation using the Context7 MCP tool. You are free to run any commands and create any files necessary in order to get this project to work with Typescript. I provided the directory where all of my main React.js project files are contained, but there may be other directories outside of this that have React files that need to be refactored.

If you the context of this conversation gets long, it's important that you always remember to run the application (not in the background) with `npm start` and continue to troubleshoot and fix any issues you see.


Commit IDs

**Start Commit ID**: 04e8e6a refactor(typescript): Convert src to TypeScript and resolve module issues

**End Commit ID**: 0e81f7a feat(storage): Add video retrieval methods to storage service