Blog

Developed by:  Donald Boulton👏 0

✨ Listing all Posts.

For Refinements see Categories or Tags

react SEO
react SEO
 Jul 30, 2019  4 min read  Category: react
-LD Per Template 📡 react SEO -LD and meta tags, "per page", is the only logical option for SEO = microdata perfection in a WebPage or Article. The main issue with Json-LD for microdata is you need frontmatter data from pages and posts like the page title, url, description, created time edited time…
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 for my personal website so I picked 🔗 react + Netlify Starter for my first react Project, and it was slower than some of the other starters I messed around with. Identify Widget…
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 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…
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!