š React Js and Next Js
Debugging react state updates without console.log
You don't need console.log to debug to react state changes. Check out the article to learn more about how to use console.table to debug better
Processing forms using Netlify Forms
Netlify offers a lot of product, Forms is one of their product to have form processing on a static JAMStack site. Check out this article to learn more about Netlify forms on a JAMStatck website.
Yet another magic of Next Js - Incremental static builds
Check out this blog to learn more on how incremental static builds in Next Js works. It also has a demo to showcase how it works.
Examples of Production level React apps with source code
Check out the source code examples of production-level apps built using React Js.
Open graph image as a service - An open-source by Vercel
It is always hard to create an open-source image for each blog post. This tool will help you to create it using a simple web URL. Check it out, it will be a good source code to learn as well.
You can deploy your own og-image generator service using the codebase.
ā”ļø React Js - Quick bytes
- How styled-components works in a React app
- CSS post-processing using autoprefixer in a React app
- Learn to support SCSS styles in React app created using create-react-app CLI
š Javascript and CSS
Breaking Chains with Pipelines in JavaScript
Learn to build a simple utility library using JS iterator that provides the functionality of the lodash chaining. Check out the article, it has dense information about how to use modern JavaScript.
How to use CSS :focus-within
This article provides examples to show how to use :focus-within in CSS.
ā”ļø JS - Quick bytes
- Learn to convert a Map object to JS object in Javascript
- Learn to convert a JS object to Map data structure in Javascript
- Learn to create, get and set values in Map data structure in Javascript
- Empty array with predefined values for all elements in JavaScript
š„ Blog to follow
He works at Vercel and writes about Next Js and the React ecosystem. He has courses about Next Js and React Js.
Subscribe to our newsletter if you want to follow more awesome developers like him š