Blog

Written by:  Donald Boulton

👏 0

✨ Listing all Posts.

For Refinements see Categories or Tags

react Netlify No Plugins
react Netlify No Plugins
 Jul 6, 2019  6 min read  Category: react
React 🔌 I started using React within Jekyll in March and I was already using netlify and Netlify Identity and Netlify CMS for my personal website so I picked 🔗 react + Netlify CMS Starter for my first react Project, and it was slower than some of the other starters I messed around with. Identify…
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…
React React Scroll toTop
React 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 React without a work around. Then tell React 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…
React GitHub Comments Utterances
React 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…
Group Sports
Group Sports
 Mar 25, 2019  1 min read  Category: /Sports
Group Sports and Coaches I have always been a big Collage Football Fan, Go Sooners, & Cowboys. I prefer individual sports and recommend them like Motocross and Tennis, the two sports I participated in on a expert basis, but never my profession. Sports of some kind are needed for the health of our…
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…
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…
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!