Setup TDD environment using Jest and React Testing Suite for a React Typescript project which uses Babel to transpile and Webpack to Bundle

[abdul-aziz-apu]

@GR34SE Hi, I was searching for a good answer how to setup an TDD enviroment.

• React Scripts comes with Jest
• Babel to transpile the code
• Webpack to bundle the code
• Typescript for type checking

My thought so far Typescript already output the file, then I should use Babel to transpile and later for bundling I should use Webpack, for testing I should use Jest and React Testing Library.

I am here to know, how do i setup an environment where I will write test first using Jest, React Testing Library(RTL), the setup will show me that my code fail all the tests, then I should write code for my app which will pass those test. An script should automate that, here typescript watch for compiling the code into javascript, then I have to transpile that to babel and webpack to bundle.

How should I make the config files for typescript, babel, webpack, jest, react testing suite?