Blog

Full Stack Developed by: Donald Boulton Follow Don on Twitter🙌 0
|

Listing all Posts.

For Refinements see Categories or Tags

React Hook Form
React Hook Form
 Apr 23, 2019  3 min read  Category: Tech
React Hook Forms ↩️ I chose this module to validate my forms, its lightweight and integrates with yup schemas. Plus a nice online form builder and right on point instructions. You can see this form validation in action on my contact page and on my email form in a modali window, the button for the…
React Scroll toTop
React Scroll toTop
 Apr 22, 2019  4 min read  Category: Tech
Scroll toTop or Bottom 🔝 Have you tried Scroll to the top of the page in Gatsby with a link to top, I have tried modules and some simple hash link code but and all of the modules and my code used the .window function to go to top. Which does not work in Gatsby without a work around, As in the code…
Modali Hooks Modal
Modali Hooks Modal
 Apr 20, 2019  6 min read  Category: Tech
Modali 🦞 You can read about how this is built at 🔗 >_Upmostly My Modali Modal can be seen further down in the page in Social Icon Links section email me icon on the Right. Which brings up the modal with a Netlify Posted, React Hooks email form using hooks for validation. Posting to Netlify…
JavaScript media queries
JavaScript media queries
 Apr 18, 2019  6 min read  Category: Tech
Hooks window.matchMedia Styled Components 💅 with custom React Hooks screen window.matchMedia mediaQueries's 💍, using browser support. Taken From 🏴󠁩󠁤󠁪󠁷󠁿 🔗 janosh.io A point of view from janosh.io on how to determine mediaQueries's using 🔗 browser support Note: This post assumes you're…
React GitHub Comments Utterances
React GitHub Comments Utterances
 Apr 16, 2019  5 min read  Category: Tech
React withUtterances Repo Why use withUtterances as utterances 👽 Taken From: bhnywl.com Lets say all your users are developers and already have a GitHub account so they don’t need to sign up for yet another 3rd party service like Disqus (which will also track their every move through the web…
Google Maps React Hooks
Google Maps React Hooks
 Mar 25, 2019  3 min read  Category: Tech
From janosh.io Google Maps + React Hooks 🔗 janosh.io Google Maps + React Hooks ♨️ Had to share this one since it is so nice and simple. If you are looking for a drop-in, zero-dependency Google Maps React component, look no further. Here it is: To use it, simply grab a free Google Maps key from…
React Hooks Masonry
React Hooks Masonry
 Mar 25, 2019  4 min read  Category: Tech
React Hooks Masonry 🔗 janosh.io React Hooks Masonry 🔥 Now that we have React Hooks, so many components can (and probably should 🔗 despite what Dan said at React Conf) be rewritten in a more succinct, readable and maintainable manner. A perfect candidate for this in my own code base was a…
React Hooks Modal
React Hooks Modal
 Mar 25, 2019  6 min read  Category: Tech
React Hooks Modal Taken from 🔗 janosh.io 🔥 Ready to start coding. But what to do first? One thing that seemed a good fit for hooks are modals. I'd implemented them once or twice before and in both cases came away with the feeling that a class component with all its boilerplate is overkill…
Netlify CMS
Netlify CMS
 Mar 22, 2019  6 min read  Category: Tech
Netlify 🔥 Static + content management = ❤️ 🔗 Site Netlify Cms App Netlify adding to Gatsby with netlify-cms-app, is the best way to do it in 2020 as Netlify Cms App Netlify app always creates its own DOM element for mounting the application. Best advice if you want to use Netlify with Gatsby…
Sooner Girls

National Champions For the Fifth Time, Go Sooners!

Css Tricks

Front-End UI, Javascript & Functions, HTML Tips, and More!

Fox News

The Truth In the Latest World and National News.