Search
Add Less
30.12.2021
When you’re about to start a new website, what do you think first? Do you start with a library or framework you know, like React or Vue, or a meta-framework on top of that, like Next or Nuxt? Do you …
Collective #693
30.12.2021
Typejuice * PrinceJS * CSS in 2022 * React Native Skia * Smoothly Reverting CSS Animations
The post Collective #693 appeared first on Codrops
Why Ember?
22.12.2021
There was a time when I’d write React, Angular, and Ember as a kind of generic grouping of three major JavaScript frameworks. And maybe just because three is a nice number, that became React, Vue, and Angular over time, thanks …
Inertia
7.12.2021
I’ve always like Jeremy’s categorization of developer tools:
I’ve mentioned two categories of tools for web development. I still don’t know quite what to call these categories. Internal and external? Developer-facing and user-facing?The first category covers things like …
Easy Dark Mode (and Multiple Color Themes!) in React
11.11.2021
I was working on a large React application for a startup, and aside from just wanting some good strategies to keep our styles organized, I wanted to give this whole “dark mode” thing a shot. With the huge ecosystem around …
The post Easy Dark Mode (and Multiple Color Themes!) in React...
React Suspense: Lessons Learned While Loading Data
9.11.2021
Suspense is React’s forthcoming feature that helps coordinate asynchronous actions—like data loading—allowing you to easily prevent inconsistent state in your UI. I’ll provide a better explanation of what exactly that means, along with a quick introduction of Suspense, and then …
The...
Introducing Svelte, and Comparing Svelte with React and Vue
4.11.2021
Josh Collingsworth is clearly a big fan of Svelte, so while this is a fun and useful comparison article, it’s here to crown Svelte the winner all the way through.
A few things I find compelling:
One of the
…
The post Introducing Svelte, and Comparing Svelte with React and...
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....