Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying Clean Code with TypeScript
  • Table Of Contents Toc
Clean Code with TypeScript

Clean Code with TypeScript

By : Rukevwe Ojigbo, Dr. Sanjay Krishna Anbalagan
close
close
Clean Code with TypeScript

Clean Code with TypeScript

By: Rukevwe Ojigbo, Dr. Sanjay Krishna Anbalagan

Overview of this book

Clean Code with TypeScript is a practical guide to writing maintainable, efficient, and elegant TypeScript code. It equips developers with the essential principles and techniques to produce code that is both functional and easy to read and maintain. Written by Rukevwe Ojigbo and Dr. Sanjay Krishna Anbalagan, expert software engineers with extensive experience in building scalable, high-performance applications across industries, this book reflects practical lessons from their real-world projects. Throughout the book, you’ll work through hands-on implementations, including an LLM integration project and a full-stack TypeScript application, ensuring the concepts are grounded, relevant, and applicable to real development environments. What sets this book apart is its example-driven approach rooted in real-world scenarios. It goes beyond TypeScript best practices by developing your architectural thinking, enhancing team collaboration, and fostering long-term code quality. Whether you're new to TypeScript or an experienced developer, this guide will improve your TypeScript programming skills and help you deliver cleaner, more robust code. *Email sign-up and proof of purchase required
Table of Contents (16 chapters)
close
close
14
Other Books You May Enjoy
15
Index

Client-side TypeScript with React

With our type-safe backend in place, we are going to focus on building the frontend that consumes the API. I have opted to use React to keep things relatively straightforward, but the ideas and concepts learned here can be applied elsewhere. We are going to reuse the types we generated with Orval for our API contracts in the previous section while building.

We already used Orval to generate types for the backend. Now we'll configure it to generate React Query hooks that give us type-safe API calls with zero manual work.

app.tsx will be the root component where we'll set up routing, and main.tsx is the entry point where we'll configure React Query.

Before we proceed, let's install some frontend dependencies that we will need for our application.

Installing frontend dependencies

Before we configure Orval, let's install the dependencies that we'll need. We're installing these now because Orval's configuration will...

CONTINUE READING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
Clean Code with TypeScript
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist download Download options font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Confirmation

Modal Close icon
claim successful

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon