Blog

Written by Donald Boulton

👏 0

✨ Listing all Posts.

For Refinements see Categories or Tags

React Hook Form
React Hook Form
 Apr 23, 2019  3 min read  Category: React
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…
Gatsby React Scroll toTop
Gatsby React Scroll toTop
 Apr 22, 2019  4 min read  Category: React
Scroll toTop or Bottom 🔝 Have you tried Scroll to the top of the page react module's, I have and all of them use the .window function to go to top. Which does not work in Gatsby without a work around. Then tell Gatsby that, . Such as the errors I got from react-scroll, and the workaround I used…
Modali Hooks Modal
Modali Hooks Modal
 Apr 20, 2019  6 min read  Category: React
Modali 🦞 You can read about how this is built at 🔗 >_Upmostly My Modali Modal can be seen further down in the page in Subscribe 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 - lambda…
JavaScript media queries
JavaScript media queries
 Apr 18, 2019  6 min read  Category: React
Hooks window.matchMedia Styled Components 💅 with custom React Hooks screen window.matchMedia mediaQuery's 💍, using browser support. Taken From 🏴󠁩󠁤󠁪󠁷󠁿 🔗 janosh.io A point of view from janosh.io on how to determine mediaQuery's using 🔗 browser support Note: This post assumes you're using…
Gatsby GitHub Comments Utterances
Gatsby GitHub Comments Utterances
 Apr 16, 2019  5 min read  Category: React
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: React
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 API key from…
React Hooks Masonry
React Hooks Masonry
 Mar 25, 2019  4 min read  Category: React
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…
Gatsby React Disqus Comments
Gatsby React Disqus Comments
 Mar 25, 2019  6 min read  Category: Gatsby
Disqus Comments Taken From 🎵 🔗 janosh.io Gatsby React Disqus Comments If you're running a Gatsby blog (or any React-powered blog for that matter) and you'd like to add comment functionality, rest assured, it's very easy. I just went through that process and the only thing that took time was…
React Hooks Modal
React Hooks Modal
 Mar 25, 2019  6 min read  Category: React
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  5 min read  Category: Gatsby
Netlify CMS 🔥 Static + content management = ❤️ 🔗 CMS Site Netlify CMS is Always the latest GitHub repo pull, with my custom WebPack hashed build. My custom dark build of the Netlify Identity Widget is used on the Gatsby frontend and in my git-gateway back-end. The below is old content see my new…
Slack

Bring your team together with Slack, Work collaboration hub.

MailChimp Newsletters
MailChimp Newsletters

Enjoyed this post? Subscribe!
Css Tricks

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