--- title: "Gabriel Penteado (@gabrielpenteado) | Hashnode" description: "gabrielpenteado. Read the latest articles by Gabriel Penteado on Hashnode." url: "https://hashnode.com/@gabrielpenteado" --- @gabrielpenteado # Gabriel Penteado @gabrielpenteado · Joined September 2020 gabrielpenteado ### [A Dentist's Code: My move to Software Development](https://gabrielpenteado.hashnode.dev/a-dentists-code-my-move-to-software-development?utm_source=hashnode&utm_medium=feed) Hello everyone, I want to share a personal journey that transformed my life in ways I never imagined. My professional background is in dentistry. I spent years mastering the art and science of dental care, but I always had a persistent interest in te... 2 min read · [gabrielpenteado.hashnode.dev](https://gabrielpenteado.hashnode.dev/a-dentists-code-my-move-to-software-development?utm_source=hashnode&utm_medium=feed) [Jun 7, 2024](https://hashnode.com/posts/a-dentists-code-my-move-to-software-development/66634518bdd95033fc7ff914) ### [Dockerize a React App - with Nginx](https://gabrielpenteado.hashnode.dev/dockerize-a-react-app-with-nginx?utm_source=hashnode&utm_medium=feed) What is Docker? Docker is a software platform that allows you to build, test, and deploy applications quickly. It enables users to group applications and their dependencies in isolated environments called containers. This makes it easy to design and ... 3 min read · [gabrielpenteado.hashnode.dev](https://gabrielpenteado.hashnode.dev/dockerize-a-react-app-with-nginx?utm_source=hashnode&utm_medium=feed) [Jan 9, 2024](https://hashnode.com/posts/dockerize-a-react-app-with-nginx/659d9a53c384db840e896ae3) ### [An overview of Next Route Groups](https://gabrielpenteado.hashnode.dev/an-overview-of-next-route-groups?utm_source=hashnode&utm_medium=feed) Next Route Groups are a way to organize routes in the app directory without changing the URL paths. By enclosing a folder name in parentheses, you can create a Route Group that helps keep related routes together. This allows for better organization a... 1 min read · [gabrielpenteado.hashnode.dev](https://gabrielpenteado.hashnode.dev/an-overview-of-next-route-groups?utm_source=hashnode&utm_medium=feed) [Jan 5, 2024](https://hashnode.com/posts/an-overview-of-next-route-groups/6598512e59591ff9bec77d4f) ### [How to create a Dialog component with RadixUI and TailwindCSS](https://gabrielpenteado.hashnode.dev/how-to-create-a-dialog-component-with-radixui-and-tailwindcss?utm_source=hashnode&utm_medium=feed) Why use RadixUI? RadixUI is an open-source component library used to build friendly and accessible design systems and web applications. These components are unstyled and can be customized to user preferences. RadixUI offers a wide range of UI compone... 2 min read · [gabrielpenteado.hashnode.dev](https://gabrielpenteado.hashnode.dev/how-to-create-a-dialog-component-with-radixui-and-tailwindcss?utm_source=hashnode&utm_medium=feed) [Jan 4, 2024](https://hashnode.com/posts/how-to-create-a-dialog-component-with-radixui-and-tailwindcss/6597091d93edfb29e671fee0) ### [Context API : Share state across components easily](https://gabrielpenteado.hashnode.dev/context-api-share-state-across-components-easily?utm_source=hashnode&utm_medium=feed) In this post I will show you how React Context API is great to pass data that can be used in any component in your application. What is Context API ? In React, data is passed from a parent to its child components as props. This can get tricky and co... 3 min read · [gabrielpenteado.hashnode.dev](https://gabrielpenteado.hashnode.dev/context-api-share-state-across-components-easily?utm_source=hashnode&utm_medium=feed) [May 12, 2023](https://hashnode.com/posts/context-api-share-state-across-components-easily/645e3cda3bbe6bc748708bc7)