10 React Challenges (Beginner): Recreate Layout with Components
5.6.2019
Components are the building blocks of React Applications, and each is a JavaScript function. These components comprise of Parent and Child components.
Data is passed from parent to child thr
Create a Custom useFetch() React Hook
5.6.2019
A custom hook is a JavaScript function with a unique naming convention that requires -
the function name to start with use and
the function may call other Hooks
Detect if Element is a Web Component
5.6.2019
I’ve advocated for web components since before they became a spec, mostly inspired by the Dojo Toolkit’s dijit framework. Empowering first class JavaScript widgets, as opposed to a mess of DIVs and templates, always made the most sense. Now that web components exist, and awesome...
Movin’ Modals Along a Path
4.6.2019
Modals always be just appearin'. You might see one once in a while that slides in from one of the edges, or uses some kind of scale/opacity thing to appear from "above" or "below." But we can get weirder than that. Why not have them come in on an offset-path?
Just a swoopy arc is kinda fun.
...
Inspirational Websites Roundup #5
4.6.2019
An inspirational collection of trendy websites from May 2019 including first-class designs.
Inspirational Websites Roundup #5 was written by Mary Lou and published on Codrops
Creating Animations Using React Spring
4.6.2019
Have you ever needed animation in your React application? Traditionally, implementing animation has not an easy feat to accomplish. But now, thanks to Paul Henschel, we there’s a new React tool just for that. react-spring inherits from animated and react-motion for interpolations, optimized...
macOS Catalina Will Replace Bash with zsh
4.6.2019
Apple's #WWDC2019 (Worldwide Developers Conference) was yesterday and came with some really cool things for developers.
WWDC is always an in
Open-Source IP Geo-location API
4.6.2019
Geo-location is the identification or estimation of the real-world geographic location of an Internet-connected computer terminal or device.
Basically, we can get location data from their IP
IP Geolocation API
4.6.2019
Detecting geolocation information from your user provides you a massive advantage: improved conversion, better segmenting and analytics, and providing more relevant content. There are numerous paid services which will provide geolocation info but they’re oftentimes too costly or short...
Do you need an ICON ONLY button without screwing up the accessibility?
3.6.2019
The first consideration is: do you really? If you can, having text next to your icons is proven over and over again to be the most accessible and clearest UX (see Apple's latest blunder). But if you need to (and I get it, sometimes you need to), Sara Soueidan and Scott O'Hara have a pair...
Prevent Page Scrolling When a Modal is Open
3.6.2019
Please stop me if you've heard this one before. You open a modal, scroll through it, close it, and wind up somewhere else on the page than you were when you opened the modal.
That's because modals are elements on a page just like any other. It may stay in place (assuming that's what it's meant...
Collective #521
3.6.2019
Self-Host Your Static Assets * Uibot * Why I'm still using jQuery in 2019 * Medium to own blog
Collective #521 was written by Pedro Botelho and published on Codrops