Stefan Skorpenblog.skorp.io·Oct 8, 2024The easiest way to add SVG icons in ReactSVG images can be used a couple different ways in react, this is my favorite option. I create a file for the svg, and make it into a JSX component. export default function FacebookSvg() { return (<div> <svg ... /> </div> ) } Simp...DiscussSVG
Anubhav Guptaanubhavcreates.hashnode.dev·Oct 4, 2024Sleek OAuth 2.0 Setup with Supabase & React: Enhance Your App with Social LoginsTable of Contents: Introduction Prerequisites Setup Part 1 : Setting up the necessary files and folders in Our React App Setup Part 2 : Setting up Supabase Dashboard Credentials Generating the URL, Obtaining the Anon Key Adding those Credent...Discuss·2 likessupabase
mohamed sayedsirsayed.hashnode.dev·Sep 30, 2024SVG Sprites Uncovered: A Deep Dive into Existing Solutions and InnovationsIntro 🎬 In this article, we’ll uncover a powerful technique for image optimization—SVG sprites. Not only will we explore the leading solutions available today, but we’ll also dive into how you can craft your own custom solution to tackle specific ch...Discuss·111 readsSVG
Harpreet Singhsinghharpreet.hashnode.dev·Aug 21, 2024The Power of Canvas APIIntroduction In the realm of web graphics, two powerful technologies stand out: HTML Canvas and SVG (Scalable Vector Graphics). Both are essential for creating dynamic and interactive visuals on the web, but they cater to different needs and scenario...Divyanshu Bhatnagar and 1 other are discussing this2 people are discussing thisDiscuss·8 likes·62 readscanvas vs svg
Nirajan BasnetforJoBins Engineeringblog.jobins.jp·May 22, 2024Solving Memory Issues with Lottie SVG AnimationsIntroduction Integrating Lottie SVG animations can significantly enhance the visual appeal of a website. However, the process can sometimes introduce performance issues, particularly with excessive memory usage. This post details my experience with i...Discuss·10 likes·30 readsJavaScript
Meet Dabhimeetdabhi.hashnode.dev·May 20, 2024Custom Image Widget: File Image, Network Image, SVG Image, and Asset Image can support this widget with Image Shape"In Flutter development, images play a pivotal role in user engagement and visual appeal. With the customImageBuilderWidget function, you can elevate your app's image-handling capabilities to new heights. This blog explores the power and flexibility ...Discuss·76 readsfile image
Bernardo Belchiorbelchior.hashnode.dev·May 12, 2024React Native: Artifacts in SVGs, why they happen and how to fix themI just spent my whole Saturday afternoon plus a Sunday morning trying to render multiple SVGs properly in the same React Native screen, so I'm writing this article both to my future self and for others not to waste as much time as I did. Context As f...Discuss·36 readsReact Native
Malay Patelmalaypatel.hashnode.dev·May 8, 2024Optimizing SVG Usage in React: Tips for Loading and Managing FilesDynamic Import: const dynamicImport = { "AccessTime": () => import('./assets/icons/access_time.svg?react'), "AccountBalanceWallet": () => import('./assets/icons/account_balance_wallet.svg?react'), "Add": () => import('./assets/icons/Add.s...DiscussSVG
Ariska Hidayattech.finlup.id·Mar 31, 2024Easy Using SVG on NextJS TypescriptSimple use svg on NextJS. this recommendation from me. you can use file svg on the public folder. but, you have difficulty changing color. Convert image to svg using https://convertio.co/ step-step to use svg on NextJs: make file Icon.tsx export de...DiscussSVG
Md Taqui imamforToday'sCodemdtaquiimam.hashnode.dev·Mar 24, 202440+ Design Tools in One - 😱 A Gem For Web Developer & DesignersHello👋 Developers! Welcome to My Another Blog Post. It's me Md Taqui Imam and it's been along that i hadn't posted any blogs in dev because busy these day's. So in this blog post, i want to tell you about one of the new mind blowing website that has...Discuss·10 likes·37 readsWeb Development
