--- title: "Bankole Idris (@idrisbankole) | Hashnode" description: "Software Engineer | Technical Writer | Content Creator. Read the latest articles by Bankole Idris on Hashnode." url: "https://hashnode.com/@idrisbankole" --- @idrisbankole # Bankole Idris @idrisbankole · Joined January 2023 Software Engineer | Technical Writer | Content Creator ### [How to Validate Forms with Tanstack and Zod: A Complete Guide](https://idrisbankole.hashnode.dev/how-to-validate-forms-with-tanstack-and-zod-a-complete-guide?utm_source=hashnode&utm_medium=feed) Introduction In this article, we will be experimenting with new tools like Tanstack Form, Zod, and Shadcn/UI. Tanstack Form will be used to manage the form state, Zod will handle data validation, and Shadcn/UI will be used to build the form component... 7 min read · [idrisbankole.hashnode.dev](https://idrisbankole.hashnode.dev/how-to-validate-forms-with-tanstack-and-zod-a-complete-guide?utm_source=hashnode&utm_medium=feed) [Jun 22, 2024](https://hashnode.com/posts/how-to-validate-forms-with-tanstack-and-zod-a-complete-guide/6676d278c5cc1b8512cb3dd0) ### [How to Upload Image to Aws-S3 Bucket in React Application](https://idrisbankole.hashnode.dev/how-to-upload-image-to-aws-s3-bucket-in-react-application?utm_source=hashnode&utm_medium=feed) Introduction In today's digital age, where visuals play a pivotal role in web applications, knowing how to seamlessly upload and manage images is a must-have skill for any React developer. Imagine empowering your applications with the ability to effo... 4 min read · [idrisbankole.hashnode.dev](https://idrisbankole.hashnode.dev/how-to-upload-image-to-aws-s3-bucket-in-react-application?utm_source=hashnode&utm_medium=feed) [1](https://hashnode.com/posts/how-to-upload-image-to-aws-s3-bucket-in-react-application/651925759c96bc9934dfb7eb) [Oct 1, 2023](https://hashnode.com/posts/how-to-upload-image-to-aws-s3-bucket-in-react-application/651925759c96bc9934dfb7eb) ### [Rendering DOCX Content in React Made Simple](https://idrisbankole.hashnode.dev/rendering-docx-content-in-react-made-simple?utm_source=hashnode&utm_medium=feed) As web developers, we frequently receive the assignment of constructing websites, and some of these sites may necessitate the creation of pages such as privacy policies, terms and agreements, and more. Developing these pages can be a daunting task, a... 1 min read · [idrisbankole.hashnode.dev](https://idrisbankole.hashnode.dev/rendering-docx-content-in-react-made-simple?utm_source=hashnode&utm_medium=feed) [Jul 15, 2023](https://hashnode.com/posts/rendering-docx-content-in-react-made-simple/64b25f81f4f67476a833083c) ### [How to Harness GraphQL with Nestjs Like a Pro: An Ultimate Guide](https://idrisbankole.hashnode.dev/how-to-harness-graphql-with-nestjs-like-a-pro-an-ultimate-guide?utm_source=hashnode&utm_medium=feed) Introduction Brief History of GraphQL GraphQL is an open-source data query and manipulation language for APIs and a runtime query engine. Facebook (now Meta) started GraphQL development in 2012 and released it in 2015. GraphQL was moved in November 2... 13 min read · [idrisbankole.hashnode.dev](https://idrisbankole.hashnode.dev/how-to-harness-graphql-with-nestjs-like-a-pro-an-ultimate-guide?utm_source=hashnode&utm_medium=feed) [Jul 8, 2023](https://hashnode.com/posts/how-to-harness-graphql-with-nestjs-like-a-pro-an-ultimate-guide/64a980750bd8bcb1f34eabf5) ### [How to Setup and Configure Swagger API Documention in Nestjs.](https://idrisbankole.hashnode.dev/how-to-setup-and-configure-swagger-api-documention-in-nestjs?utm_source=hashnode&utm_medium=feed) Introduction Nestjs is a back-end framework for building efficient, scaleable Node.js server-side applications. It was built with TypeScript and yet enables programmers to code in Javascript. In addition, it utilizes object-oriented programming, func... 3 min read · [idrisbankole.hashnode.dev](https://idrisbankole.hashnode.dev/how-to-setup-and-configure-swagger-api-documention-in-nestjs?utm_source=hashnode&utm_medium=feed) [Feb 4, 2023](https://hashnode.com/posts/how-to-setup-and-configure-swagger-api-documention-in-nestjs/63de3e17840511113fb8f517)