Search

Nalezeno "react": 534

React.isValidElement

14.12.2020
Knowing what input type you’ve received is hugely important in JavaScript, which is a big reason for Flow and TypeScript’s rise. One such case where it’s useful to know what an object represents is if the input is a string or a React element. To detect if an object is a React...

Optimize Images According to Network and Device Constraints in React

10.12.2020
Connectivity has evolved beyond recognition since the beginning of the internet. We are lightyears past dial up, these days, and can watch a video in high resolution on our smartphone while being connected to a mobile network. But not all mobile connections are created equal – older...

Creating UI Components in SVG

24.11.2020
I’m thoroughly convinced that SVG unlocks a whole entire world of building interfaces on the web. It might seem daunting to learn SVG at first, but you have a spec that was designed to create shapes and yet, still has elements, like text, links, and aria labels available to you. You can accomplish...

How to Create a Timeline Task List Component Using SVG

24.11.2020
I’m thoroughly convinced that SVG unlocks a whole entire world of building interfaces on the web. It might seem daunting to learn SVG at first, but you have a spec that was designed to create shapes and yet, still has elements, like text, links, and aria labels available to you. You can accomplish...

Stocks Rally On New COVID-19 Vaccine News, Bitcoin Yet To React

16.11.2020
Today, the stock market was once again fuelled by new COVID-19 vaccine news while bitcoin (BTC) is yet to decide its direction. US-based Moderna Inc. said its vaccine was 94.5% effective in a preliminary analysis of a large late-stage clinical trial, compared with 90% in the case Pfizer...

Collective #634

12.11.2020
Operator Lookup * 22120 * Web animation gotchas * Socialify * react-gl-transition-image The post Collective #634 appeared first on Codrops

Build an app for monday.com and potentially win BIG

5.11.2020
monday.com is an online Work OS platform where teams create custom workflows in minutes to run their projects, processes, and everyday work. Over 100,000 teams use monday.com to work together. They have launched a brand new app marketplace for monday.com, meaning you can add tools built...

Using Your Own Design System with KendoReact Components

30.10.2020
Maybe you’ve already heard of (or even worked with!) KendoReact. It’s popped up in some of my day-to-day conversations, especially those about working with design systems and React. You could think of it as a component library like Bootstrap or Material Design, except the components...

Anima 4.0: Go Straight From Design to React in the Design Handoff

27.10.2020
Imagine this scenario: You get an email from the design team. It contains a link to a high-fidelity prototype of a React app they want you to build. You click the link and get ready to inspect the work only to find… the components have already been built. Huh? It might sound like a dream...

Comparing Styling Methods in 2020

19.10.2020
Over on Smashing, Adebiyi Adedotun Lukman covers all these styling methods. It’s in the context of Next.js, which is somewhat important as Next.js has some specific ways you work with these tools, is React and, thus, is a components-based architecture. But the styling methods talked about...

How to Conditionally Add Attributes to Objects

16.10.2020
JavaScript is full of tricks that you don’t know you want until you … want … them. Or maybe just until you see them. One trick I recently realized was conditionally adding attributes to React elements. Of course this trick essentially boils down to conditionally adding properties...

Using Markdown and Localization in the WordPress Block Editor

23.9.2020
If we need to show documentation to the user directly in the WordPress editor, what is the best way to do it? Since the block editor is based on React, we may be tempted to use React components and HTML code for the documentation. That is the approach I followed in my previous article, which...

Pre-Caching Image with React Suspense

21.9.2020
Suspense is an exciting, upcoming feature of React that will enable developers to easily allow their components to delay rendering until they’re “ready,” leading to a much smoother user experience. “Ready,” in this context, can mean a number of things. For example, your data loading...

Collective #622

10.9.2020
react-three-flex * AVIF has landed * Parsel * How they test * Colors for your data visualizations The post Collective #622 appeared first on Codrops

All the Ways to Make a Web Component

7.9.2020
This is a neat page that compares a ton of different libraries with web components. One of the things I learned after posting “A Bit on Web Components Libraries” is that the web platform APIs were designed for libraries to be built around them. Interesting, right? This page makes...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace