<![CDATA[ Marco Ghiani | Software Engineer and Mentor ]]> https://marcoghiani.com en-us <![CDATA[ Why the Fullscreen API Can Improve Your Website’s UX ]]> https://marcoghiani.com/blog/fullscreen-api-game-changer-website https://marcoghiani.com/blog/fullscreen-api-game-changer-website Mon, 16 Sep 2024 14:00:00 GMT <![CDATA[ Slim Down Your React Code with the useEventListener Hook ]]> https://marcoghiani.com/blog/how-the-useeventlistener-hook-will-shrink-your-react-components https://marcoghiani.com/blog/how-the-useeventlistener-hook-will-shrink-your-react-components Mon, 16 Sep 2024 13:00:00 GMT <![CDATA[ Lazy Loading React Components Without Sacrificing Type Safety ]]> https://marcoghiani.com/blog/lazy-load-react-components-with-strong-type-inference https://marcoghiani.com/blog/lazy-load-react-components-with-strong-type-inference Mon, 16 Sep 2024 12:00:00 GMT <![CDATA[ 10 Refactoring Techniques for Writing Maintainable Code ]]> https://marcoghiani.com/blog/10-refactoring-techniques-maintainable-structured-code https://marcoghiani.com/blog/10-refactoring-techniques-maintainable-structured-code Wed, 10 May 2023 12:00:00 GMT <![CDATA[ Type Safety with io-ts: Encoding and Decoding Data in JavaScript ]]> https://marcoghiani.com/blog/runtime-type-encoding-decoding-io-ts https://marcoghiani.com/blog/runtime-type-encoding-decoding-io-ts Sun, 30 Apr 2023 12:00:00 GMT <![CDATA[ Wicked Backgrounds ]]> https://marcoghiani.com/dev-tools/wicked-backgrounds https://marcoghiani.com/dev-tools/wicked-backgrounds Mon, 16 May 2022 12:00:00 GMT <![CDATA[ Meshed up! ]]> https://marcoghiani.com/dev-tools/meshedup https://marcoghiani.com/dev-tools/meshedup Mon, 16 May 2022 12:00:00 GMT <![CDATA[ Introducing React v18 with real-world examples ]]> https://marcoghiani.com/blog/introducing-react-v18-examples https://marcoghiani.com/blog/introducing-react-v18-examples Wed, 13 Apr 2022 12:00:00 GMT <![CDATA[ How to Use the useViewport Hook in React ]]> https://marcoghiani.com/snippets/use-viewport-custom-hook https://marcoghiani.com/snippets/use-viewport-custom-hook Tue, 22 Mar 2022 12:00:00 GMT <![CDATA[ Filtering Object Properties in JavaScript ]]> https://marcoghiani.com/snippets/filter-method-for-object-properties https://marcoghiani.com/snippets/filter-method-for-object-properties Mon, 14 Mar 2022 12:00:00 GMT <![CDATA[ Gradients Collection ]]> https://marcoghiani.com/dev-tools/webgradients https://marcoghiani.com/dev-tools/webgradients Fri, 04 Mar 2022 12:00:00 GMT <![CDATA[ UnDraw Illustrations ]]> https://marcoghiani.com/dev-tools/undraw--illustrations https://marcoghiani.com/dev-tools/undraw--illustrations Fri, 04 Mar 2022 12:00:00 GMT <![CDATA[ Glassmorphism CSS ]]> https://marcoghiani.com/dev-tools/ui-glass https://marcoghiani.com/dev-tools/ui-glass Fri, 04 Mar 2022 12:00:00 GMT <![CDATA[ Type Scale ]]> https://marcoghiani.com/dev-tools/type-scale https://marcoghiani.com/dev-tools/type-scale Fri, 04 Mar 2022 12:00:00 GMT <![CDATA[ Transition.css ]]> https://marcoghiani.com/dev-tools/transition-style https://marcoghiani.com/dev-tools/transition-style Fri, 04 Mar 2022 12:00:00 GMT <![CDATA[ Design Principles ]]> https://marcoghiani.com/dev-tools/principles-design https://marcoghiani.com/dev-tools/principles-design Fri, 04 Mar 2022 12:00:00 GMT <![CDATA[ PickBetterPack ]]> https://marcoghiani.com/dev-tools/pickbetterpack https://marcoghiani.com/dev-tools/pickbetterpack Fri, 04 Mar 2022 12:00:00 GMT <![CDATA[ Neumorphism ]]> https://marcoghiani.com/dev-tools/neumorphism https://marcoghiani.com/dev-tools/neumorphism Fri, 04 Mar 2022 12:00:00 GMT <![CDATA[ Happy Hues ]]> https://marcoghiani.com/dev-tools/happyhues https://marcoghiani.com/dev-tools/happyhues Fri, 04 Mar 2022 12:00:00 GMT <![CDATA[ Get Waves ]]> https://marcoghiani.com/dev-tools/getwaves https://marcoghiani.com/dev-tools/getwaves Fri, 04 Mar 2022 12:00:00 GMT <![CDATA[ DrawKit ]]> https://marcoghiani.com/dev-tools/drawkit https://marcoghiani.com/dev-tools/drawkit Fri, 04 Mar 2022 12:00:00 GMT <![CDATA[ Pattern Generator ]]> https://marcoghiani.com/dev-tools/doodad-pattern-generator https://marcoghiani.com/dev-tools/doodad-pattern-generator Fri, 04 Mar 2022 12:00:00 GMT <![CDATA[ Cubic Bezier ]]> https://marcoghiani.com/dev-tools/cubic-bezier https://marcoghiani.com/dev-tools/cubic-bezier Fri, 04 Mar 2022 12:00:00 GMT <![CDATA[ Coolors ]]> https://marcoghiani.com/dev-tools/coolors https://marcoghiani.com/dev-tools/coolors Fri, 04 Mar 2022 12:00:00 GMT <![CDATA[ Color Palettes ]]> https://marcoghiani.com/dev-tools/colorpalettes https://marcoghiani.com/dev-tools/colorpalettes Fri, 04 Mar 2022 12:00:00 GMT <![CDATA[ Parametric Color Mixer ]]> https://marcoghiani.com/dev-tools/colormixer https://marcoghiani.com/dev-tools/colormixer Fri, 04 Mar 2022 12:00:00 GMT <![CDATA[ Colors Review ]]> https://marcoghiani.com/dev-tools/color-review https://marcoghiani.com/dev-tools/color-review Fri, 04 Mar 2022 12:00:00 GMT <![CDATA[ Coding Fonts ]]> https://marcoghiani.com/dev-tools/coding-fonts https://marcoghiani.com/dev-tools/coding-fonts Fri, 04 Mar 2022 12:00:00 GMT <![CDATA[ Checklist Design ]]> https://marcoghiani.com/dev-tools/checklist-design https://marcoghiani.com/dev-tools/checklist-design Fri, 04 Mar 2022 12:00:00 GMT <![CDATA[ Blush ]]> https://marcoghiani.com/dev-tools/blush https://marcoghiani.com/dev-tools/blush Fri, 04 Mar 2022 12:00:00 GMT <![CDATA[ Blobmaker ]]> https://marcoghiani.com/dev-tools/blobmaker https://marcoghiani.com/dev-tools/blobmaker Fri, 04 Mar 2022 12:00:00 GMT <![CDATA[ Simplify Your React Code with useToggle and useBoolean Hooks ]]> https://marcoghiani.com/blog/react-custom-hooks-usetoggle-useboolean https://marcoghiani.com/blog/react-custom-hooks-usetoggle-useboolean Sun, 22 Aug 2021 12:00:00 GMT <![CDATA[ Fine-Tune Your Font Sizes in React with the useFontSize Hook ]]> https://marcoghiani.com/blog/react-custom-hooks-usefontsize https://marcoghiani.com/blog/react-custom-hooks-usefontsize Tue, 17 Aug 2021 12:00:00 GMT <![CDATA[ Manage Data Easily in React with the useLocalStorage Hook ]]> https://marcoghiani.com/blog/react-custom-hooks-uselocalstorage https://marcoghiani.com/blog/react-custom-hooks-uselocalstorage Thu, 12 Aug 2021 12:00:00 GMT <![CDATA[ Mastering React’s useReducer Hook for State Management ]]> https://marcoghiani.com/blog/how-to-use-react-reducer-effectively https://marcoghiani.com/blog/how-to-use-react-reducer-effectively Thu, 29 Jul 2021 12:00:00 GMT <![CDATA[ 6 NPM Commands Every Developer Should Know ]]> https://marcoghiani.com/blog/6-npm-commands-used-by-highly-productive-developers https://marcoghiani.com/blog/6-npm-commands-used-by-highly-productive-developers Fri, 15 Jan 2021 12:00:00 GMT <![CDATA[ Build a Writing Habit with This Simple Daily Routine ]]> https://marcoghiani.com/blog/the-daily-routine-to-achieve-more https://marcoghiani.com/blog/the-daily-routine-to-achieve-more Wed, 21 Oct 2020 12:00:00 GMT <![CDATA[ How to Write a Lightweight JavaScript Fetch Wrapper ]]> https://marcoghiani.com/blog/write-a-javascript-fetch-wrapper-in-less-than-1kb https://marcoghiani.com/blog/write-a-javascript-fetch-wrapper-in-less-than-1kb Thu, 24 Sep 2020 12:00:00 GMT <![CDATA[ 5 Signs You’re Becoming a Skilled Programmer ]]> https://marcoghiani.com/blog/do-i-really-know-programming https://marcoghiani.com/blog/do-i-really-know-programming Wed, 16 Sep 2020 12:00:00 GMT <![CDATA[ How Remote Work Can Help You Grow Personally and Professionally ]]> https://marcoghiani.com/blog/remote-work-transforms-you-into-your-best-version https://marcoghiani.com/blog/remote-work-transforms-you-into-your-best-version Tue, 23 Jun 2020 12:00:00 GMT <![CDATA[ 4 Must-Read Books for Everyone in Tech and Why ]]> https://marcoghiani.com/blog/4-books-everyone-in-tech-should-read-and-why https://marcoghiani.com/blog/4-books-everyone-in-tech-should-read-and-why Thu, 11 Jun 2020 12:00:00 GMT <![CDATA[ 5 Git Shortcuts to Speed Up Your Workflow ]]> https://marcoghiani.com/blog/learning-git-shortcuts https://marcoghiani.com/blog/learning-git-shortcuts Thu, 26 Mar 2020 12:00:00 GMT <![CDATA[ 42 Mac Keyboard Shortcuts to Boost Productivity ]]> https://marcoghiani.com/blog/fast-as-never-before-42-mac-keyboard-shortcuts-to-work-5x-faster https://marcoghiani.com/blog/fast-as-never-before-42-mac-keyboard-shortcuts-to-work-5x-faster Thu, 26 Mar 2020 12:00:00 GMT <![CDATA[ 10 Code Smells You Should Avoid to Keep Your Codebase Clean ]]> https://marcoghiani.com/blog/10-programming-code-smells-that-affect-your-codebase https://marcoghiani.com/blog/10-programming-code-smells-that-affect-your-codebase Thu, 27 Feb 2020 12:00:00 GMT <![CDATA[ UseDeepEffect Hook in React: A Guide to Better Performance ]]> https://marcoghiani.com/blog/how-to-use-the-react-hook-usedeepeffect https://marcoghiani.com/blog/how-to-use-the-react-hook-usedeepeffect Mon, 17 Feb 2020 12:00:00 GMT <![CDATA[ 5 Ways to Boost Your MacBook's Performance ]]> https://marcoghiani.com/blog/5-tips-to-speed-up-your-macbook-productivity https://marcoghiani.com/blog/5-tips-to-speed-up-your-macbook-productivity Thu, 09 Jan 2020 12:00:00 GMT <![CDATA[ Proven Tips to Become a Better Software Engineer ]]> https://marcoghiani.com/blog/how-to-become-a-better-software-engineer https://marcoghiani.com/blog/how-to-become-a-better-software-engineer Wed, 08 Jan 2020 12:00:00 GMT <![CDATA[ 3 JavaScript Refactoring Techniques for Cleaner Code ]]> https://marcoghiani.com/blog/3-javascript-refactoring-techniques-for-clean-code https://marcoghiani.com/blog/3-javascript-refactoring-techniques-for-clean-code Wed, 08 Jan 2020 12:00:00 GMT <![CDATA[ Boost React Performance with 4 Powerful Custom Hooks ]]> https://marcoghiani.com/blog/4-custom-hooks-to-boost-your-react-app https://marcoghiani.com/blog/4-custom-hooks-to-boost-your-react-app Mon, 18 Nov 2019 12:00:00 GMT <![CDATA[ A Beginner's Guide to React Component Composition ]]> https://marcoghiani.com/blog/how-to-use-component-composition-in-react https://marcoghiani.com/blog/how-to-use-component-composition-in-react Mon, 11 Nov 2019 12:00:00 GMT <![CDATA[ 5 Best Practices for Refactoring React Components ]]> https://marcoghiani.com/blog/refactoring-a-react-component https://marcoghiani.com/blog/refactoring-a-react-component Mon, 30 Sep 2019 12:00:00 GMT <![CDATA[ Beyond console.log(): 8 Console Methods for Debugging JS & Node ]]> https://marcoghiani.com/blog/moving-beyond-console-log-8-console-methods-you-should-use-when-debugging-javascript-and-node https://marcoghiani.com/blog/moving-beyond-console-log-8-console-methods-you-should-use-when-debugging-javascript-and-node Tue, 17 Sep 2019 12:00:00 GMT <![CDATA[ How to Implement Array Flat and FlatMap Methods in JavaScript ]]> https://marcoghiani.com/snippets/array-flat-and-flatmap https://marcoghiani.com/snippets/array-flat-and-flatmap Wed, 11 Sep 2019 12:00:00 GMT <![CDATA[ Moving from Callbacks to Promises in JavaScript ]]> https://marcoghiani.com/snippets/error-first-callback-functions-to-promises https://marcoghiani.com/snippets/error-first-callback-functions-to-promises Thu, 05 Sep 2019 12:00:00 GMT <![CDATA[ Deep Cloning in JavaScript: How to Clone Objects and Arrays ]]> https://marcoghiani.com/snippets/object-array-deep-clone https://marcoghiani.com/snippets/object-array-deep-clone Mon, 02 Sep 2019 12:00:00 GMT <![CDATA[ How to Setup Your Redux Store for a High-Performing React Application ]]> https://marcoghiani.com/blog/redux-store-setup-for-your-react-application https://marcoghiani.com/blog/redux-store-setup-for-your-react-application Mon, 19 Aug 2019 12:00:00 GMT <![CDATA[ How Changing My Habits Made Me a Faster Learner ]]> https://marcoghiani.com/blog/how-i-became-a-fast-learner-changing-my-habits https://marcoghiani.com/blog/how-i-became-a-fast-learner-changing-my-habits Mon, 10 Jun 2019 12:00:00 GMT <![CDATA[ Build a Fast Web App with an Advanced Koa.js Boilerplate ]]> https://marcoghiani.com/blog/advanced-koa-js-boilerplate https://marcoghiani.com/blog/advanced-koa-js-boilerplate Mon, 27 May 2019 12:00:00 GMT