Search
The CSS-in-React Landscape
22.10.2021
(This is a sponsored post.)
I only half-jokingly refer to the CSS-in-JS world as CSS-in-React. Many of the libraries listed below theoretically work in non-React situations — they generally call that “framework-agnostic”) — but I’d guess the vast majority …
The post...
How to Create a Contact Form With Next.js and Netlify
21.10.2021
We’re going to create a contact form with Next.js and Netlify that displays a confirmation screen and features enhanced spam detection.
Next.js is a powerful React framework for developing performant React applications that scale. By integrating a Next.js site with …
The post How...
St. Louis Fed’s James Bullard Would ‘Support Starting the Taper in November’ to React to Inflation
14.10.2021
St. Louis Federal Reserve president James Bullard told the press on Tuesday that he thinks the U.S. central bank needs to wind down the buying of $80 billion worth of monthly bond purchases. Bullard says he would support tapering starting as early as November, in order to “react to possible...
Streamers React To Leaked Twitch Income Rankings With Jokes, Criticism
7.10.2021
An anonymous hacker leaked payroll information for every streamer on Twitch yesterday, and predictably, the revealed incomes have become an inescapable topic of conversation for streamers in their Twitch chats and on social media. The range of reactions to the leak has been vast, with some...
A Themeable React Data Grid With Great UX-Focused Features
7.10.2021
(This is a sponsored post.)
KendoReact can save you boatloads of time because it offers pre-built componentry you can use in your app right away. They look nice, but more importantly, they are easily themeable, so they look however …
The post A Themeable React Data Grid With Great UX-Focused...
Collective #682
7.10.2021
The State of CSS Survey * Atropos * React Preview * A Guide To CSS Debugging
The post Collective #682 appeared first on Codrops
Links on React and JavaScript II
1.10.2021
How To Use The Vite Build Tool with React — Vite is hot, in part, because it’s based on esbuild and wickedly fast. It’s from Evan You of Vue fame, but it’s not a Vue-specific tool. Here, NARUHODO covers how
…
The post Links on React and JavaScript II appeared first...
Static Site Generators vs. CMS-powered Websites: How to Keep Marketers and Devs Happy
16.9.2021
(This is a sponsored post.)
Many developers love working with static site generators like Gatsby and Hugo. These powerful yet flexible systems help create beautiful websites using familiar tools like Markdown and React. Nearly every popular modern programming …
The post Static Site...
Mars Theme: A Deep Look at Frontity’s Headless WordPress Theme
9.9.2021
Frontity is a framework for creating de-coupled (or "headless") WordPress sites. In this article, we dive into the process of spinning up such a site, with a detailed overview of the building blocks provided by Frontity and its flagship theme, Mars.
The post Mars Theme: A Deep Look at Frontity’s...
Workshop Efektivní vývoj v Reactu pro pokročilé
8.9.2021
Již 24. září 2021 proběhne jedinečný interaktivní workshop „Efektivní vývoj v Reactu pro pokročilé“, který si klade za cíl posunout začínající a pokročilejší React vývojáře na profesionální úroveň. Workshopem vás provede známý React odborník…
Creating Interactive Product Pages With React and Cloudinary
6.9.2021
With Cloudinary and React, create low-bandwidth, interactive product pages for e-commerce on which shoppers can specify sizes, colors, and custom text.
The post Creating Interactive Product Pages With React and Cloudinary appeared first on Codrops
Accessing Your Data With Netlify Functions and React
2.9.2021
(This is a sponsored post.)
Static site generators are popular for their speed, security, and user experience. However, sometimes your application needs data that is not available when the site is built. React is a library for building user …
The post Accessing Your Data With Netlify...
Native JavaScript Routing?
23.8.2021
We can update the URL in JavaScript. We’ve got these APIs:
// Adds to browser history
history.pushState({}, "About Page", "/about");
// Doesn't
history.replaceState({}, "About Page", "/about");
JavaScript is also capable of replacing any content in the DOM....
React usePrevious Hook
23.8.2021
Hooks are essential for the functional component pattern in React. One frequent logic comparison with class components was comparing a previous prop value with a current prop value via lifecycle methods. So what’s an easy pattern for duplicating previous value comparisons in functional...
Creating a Headless WordPress Site With Frontity
20.8.2021
Frontity is a WordPress-focused React-based server-side dynamic-rendering framework (phew!) that allows us to create fast headless websites. Chris has a good introduction to Frontity. I guess you could think of it like Next.js for WordPress. And while the demand …
The post Creating...
Three Buggy React Code Examples and How to Fix Them
5.8.2021
There’s usually more than one way to code a thing in React. And while it’s possible to create the same thing different ways, there may be one or two approaches that technically work “better” than others. I actually run into …
The post Three Buggy React Code Examples and How to Fix Them...
Demystifying styled-components
27.7.2021
 Joshua Comeau digs into how styled-components works by re-building the basics. A fun and useful journey.
styled-components seems like the biggest player in the CSS-in-React market. Despite being in that world, I haven’t yet been fully compelled by it. I’m …
The post...
Links on React and JavaScript
13.7.2021
As a day-job, React-using person, I like to stay abreast of interesting React news. As such, I save a healthy amount of links. Allow me to dump out my latest pile. Most of this is about React but not all …
The post Links on React and JavaScript appeared first on CSS-Tricks. You can support...
Fix Seeing “0” in Your JSX Code
9.7.2021
The early days of the web felt like the wild west when it came to coding practices — just make it work. Then we became enlightened to better practices, separating HTML from CSS and JavaScript. Then came React and JSX, where we combine JavaScript, HTML, and even CSS with Styled Components...
Hack the “Deploy to Netlify” Button Using Environment Variables to Make a Customizable Site Generator
1.7.2021
If you’re anything like me, you like being lazy shortcuts. The “Deploy to Netlify” button allows me to take this lovely feature of my personality and be productive with it.
Clicking the button above lets me (or you!) instantly …
The post Hack the “Deploy...