Aniket Acharyadevutter.hashnode.devยทDec 13, 2024Exploring Scaffold and WidgetsHereโs a quick rundown of what I implemented: AppBar: Added a title with custom styling (font size, colors, and alignment). Body: Positioned styled text ("ANIKET BODY") in the center using the Center widget, adding custom fonts and letter spacing. ...1 likeFlutter
Chandan kumardeveloperchandan.hashnode.devยทDec 11, 2024Mastering Angular: Top 10 Topics for Building Scalable Web ApplicationsDiscover the essential Angular topics every developer must know, including components, modules, routing, forms, RxJS, and more. Learn with detailed explanations and diagrams to build scalable and dynamic web applications. 1. Angular Architecture Key ...Angular
Apoorva VforBuilder.iobuilderio.hashnode.devยทDec 9, 2024Figma Components: Supercharge Your Design SystemUpdating the same UI components across hundreds of screens is a pain. But there's a better way - Figma components make updating design elements as easy as changing one master copy. Let's dig into how components work and how to use them effectively. W...figma
Stephen J. Luledger.stephenjlu.comยทDec 5, 2024How I made a basic menu bar with React and StorybookIn this article, I detail my experience transitioning my personal website's menu from HTML/CSS to a React component-based UI using Storybook. I describe my design goals, including maintaining a similar style, adding animations, and managing active st...85 readsReact
์ค์์คoagree.hashnode.devยทNov 27, 2024์์ ์ ๋์ํ๋ ์ปดํฌ๋ํธ๋๋ถ๋ถ์ ๊ฐ๋ฐ์๋ค์ ์ด๋ฏธ์ง์ ๊ฐ์ ๊ฒฝ์ฐ๋ฅผ ๊ฒฝํํด ๋ณธ ์ ์ด ์์ ๊ฑฐ๋ผ ์๊ฐํ๋ค. ์น ๊ฐ๋ฐ์ ํ๋ค ๋ณด๋ฉด ์ ์์ ์ฌํญ์ด ์๊ธฐ๊ธฐ ๋ง๋ จ์ด๋ค. ํ ์คํธ ์ถ๊ฐ๋ ์์ ์์ ๊ฐ์ ๊ฐ๋จํ ์๊ตฌ์ฌํญ๋ค์ ์๊ฐ๋ณด๋ค ์์ฃผ ์ผ์ด๋๊ธฐ๋ ํ๋ค.(์ฐ๋ฆฌ ํ์ฌ๋ง ๊ทธ๋ด์ง๋..) ์ฝ๋๋ฅผ ์์ ํ๋ ค๊ณ ๋ณด๋ฉด, ๋๋ฌด ์ฌ์ํ ์์ ์กฐ์ฐจ ์ด๋ ค์ด ๊ฒฝ์ฐ๊ฐ ์๋ค. ์ฌ์ฉํ๊ณ ๊ฒฌ๊ณ ํ๊ฒ ๋ง๋ค์๋ค๊ณ ์๊ฐํ ์ปดํฌ๋ํธ๊ฐ ์คํ๋ ค ์์ ์ ๋ถ๊ฐ๋ฅํ๊ฒ ๋ง๋ค์ด ๋ฒ๋ฆฐ๋ค. ๋จ์ํ ๋นจ๊ฐ ํ ์คํธ๋ฅผ ์ถ๊ฐํ๋ ๊ฒ ๋ฟ์ธ๋ฐ๋ ๋ง์ด๋ค....React
shohanur rahmanshohan777.hashnode.devยทNov 23, 2024Bug in react? Component mounting and unmounting but does not update state.I am working on search feature of a sidebar menu of a dashboard. The sidebar was okay (till now). I was assigned a task to add a search feature to the sidebar menu and that's where I have fallen upon this problem. Even if I the components are mountin...React
shohanur rahmanshohan777.hashnode.devยทNov 16, 2024Why React uses Pure Components?React enforces using pure components. To ensure this React has โStrictModeโ on in the development mode/environment. So that any impure component can be identified. React Doc says, โReactโs rendering process must always be pure. Components should only...1 likeReact
Zeeshan Safdarzeeshansafdar.hashnode.devยทNov 14, 2024๐ React Controlled vs. Uncontrolled Components ๐As a React developer, mastering form management is essential, and understanding the difference between controlled and uncontrolled components is a key part of that journey! ๐ ๏ธ ๐ Uncontrolled Components By default, form elements like <input>, <texta...React
Pawan Gangwaniblogs.pgangwani.co.inยทNov 12, 2024TypeScript in React: A Practical Guide to Better CodeIf you've been working with React and want to level up your development experience, TypeScript is your next best friend. In this guide, we'll explore how to effectively use TypeScript in React projects, from basic setup to advanced patterns. Why Type...typed
Amar Jondhalekarcoffeewithamar.hashnode.devยทNov 4, 2024Building a Dynamic React Application with RoutingHello, everyone! Itโs Amar Jondhalekar, and today Iโm excited to take you through building a dynamic React application using React Router. This will help you create a seamless user experience by navigating between different components easily. Letโs d...ReactJS Evolution: Learn from the Ground Upreact router