Necati Özmenforrefinerefine.hashnode.net·Sep 18, 2022Material UI Grid in ReactAuthor: Doro Onome Introduction A grid layout is a set of measurements used to position elements or components on a page based on successive columns and rows. With the daily demand for responsive web design, using grids in web applications has become...Discuss·90 likes·623 readsReact
Shakirnetworkandcode.hashnode.net·Jun 30, 2021Online shop with NextJS and HarperDBHey All, this post is for someone who wants to build or run an online shop with minimal instructions. The code is available at https://github.com/networkandcode/shop and a sample deployment is available at https://shop-two-chi.vercel.app/ This should...Shunmugam Muthukrishnan and 2 others are discussing this3 people are discussing thisDiscuss·87 likes·632 readsHarperDB HackathonBest wishes!! 3
Necati Özmenforrefinerefine.hashnode.net·Oct 19, 2022Material UI AutoComplete in ReactAuthor: Doro Onome Introduction Material UI provides a unique set of components and utilities to help developers have a better creative experience with web applications. One such component is the MUI <Autocomplete/> component. This article will dive ...Discuss·66 likes·273 readsReact
Raghav Gandhiraghavwrites.hashnode.net·Apr 18, 2023Which Is Better: Tailwind or Bootstrap And What Are The Alternatives?Introduction When it comes to front-end web development, using a CSS framework can help streamline your development process by providing pre-built components and styles to help you get started with designing your website. While there are many CSS fra...Discuss·3 likesWeMakeDevs
Rashid Shamloorashidshamloo.hashnode.net·Apr 11, 2023Material UI Customization (TypeScript)This is a summary of different customizations I did while building one of my projects. you can read more about it here. - Component Customization I've used multiple methods of customizing Material UI components in this project: Using inline properti...DiscussFrontend Development
Rashid Shamloorashidshamloo.hashnode.net·Apr 11, 2023Clipboard Landing Page: The ProcessI recently completed a challenge from frontendmentor.io called Clipboard Landing Page, and because I ended up adding a few extra features and discovered some caveats while doing it, I decided to share the process I went through as it could be helpful...DiscussReact
Adrian Gonzalezpublicvoid.hashnode.net·Apr 2, 2023Modelos, servicios, dependency injection, formas y data binding con Angular + Material[Publicado el 7 de Agosto, 2019 en rckstr1.github.io] INTRODUCCIÓN Hola de nuevo, hace tiempo que no escribía, estuve ocupado trabajando en un proyecto con Angular y ASP.NET Core, aprendí mucho y planeo compartir algunas cosas en próximos posts. En e...DiscussAngular
Adrian Gonzalezpublicvoid.hashnode.net·Apr 2, 2023Schematics, componentes y ruteo con Angular + Material[Publicado el 18 de Junio, 2019 en rckstr1.github.io] INTRODUCCIÓN En este post comenzaremos a crear una aplicación para registrar y monitorear un registro personal de niveles de glucosa en la sangre, esas mediciones que deben tomarse regularmente lo...DiscussAngular
Adrian Gonzalezpublicvoid.hashnode.net·Apr 1, 2023Angular + Material[Publicado el 4 de Junio, 2019 en rckstr1.github.io] INTRODUCCIÓN Material Design es un lenguaje visual que sintetiza los principios clásicos de buen diseño con la innovación de tecnología y ciencia. Material Design tiene como objetivo desarrollar un...DiscussAngular
David Schinteiedavidschinteie.hashnode.net·Mar 16, 2023Yup conditional validations for different scenarios but the same formCreating a form with validation can be a daunting task, especially when the validation rules change depending on different scenarios. In this blog post, we will discuss how to implement conditional validation using Yup, a powerful validation library,...Discuss·372 readsReact
ClarenceforOpen Replay's Technical Blogopenreplay.hashnode.net·Mar 9, 2023Display Data with Material UI's Data GridAs web developers, we may frequently be required to display large volumes of data on a website, with functionalities such as editing, selection, pagination, export, sorting, selecting, and filtering data, which is an effective way to manage multiple ...Discuss·85 readsReact
Alam Jamalalamjamal.hashnode.net·Mar 2, 2023React MUI Select All Checkbox With Simple LogicSelecting multiple items from a list is a common feature in many web applications. Often, users need to select all items in the list, instead of selecting them one by one. This is where the "Select All" checkbox comes in handy. In this article, we wi...Discuss·1 like·96 readsJavaScript
Hamid Mohamadihamidmohamadi.hashnode.net·Feb 25, 2023Hide floating button after scroll to down in React.jsI was working on a project that needed to move the user to the bottom of the page when the screen was small. Imported a button with absolute position, but it did not disappear at the bottom and you could see two same buttons there. The user had to se...Discuss·40 readsReact
