Search

Nalezeno "React": 112

Svelte for the Experienced React Dev


This post is an accelerated introduction to Svelte from the point of view of someone with solid experience with React. I’ll provide a quick introduction, and then shift focus to things like state management and DOM interoperability, among other things. … The post Svelte for the Experienced...

Workshop Efektivní vývoj v Reactu pro pokročilé


Odteď už Vás React v ničem nepřekvapí. Nový workshop, díky kterému ovládnete React na maximum, je na světě! Pro příznivce Reactu jsme připravili praktický online workshop na téma „Efektivní vývoj v Reactu pro…

React authentication, simplified


Authentication is one of those things that just always seems to take a lot more effort than we want it to. To set up auth, you have to re-research topics you haven’t thought about since the last time you did authentication, and the fast-paced nature of the space means things have often changed...

React Without Build Tools


Jim Nielsen: I think you’ll find it quite refreshing to use React A) with a JSX-like syntax, and B) without any kind of build tooling. Refreshing indeed: CodePen Embed Fallback It’s not really the React that’s the hard part … The post React Without Build Tools appeared first...

React Component Tests for Humans


React component tests should be interesting, straightforward, and easy for a human to build and maintain. Yet, the current state of the testing library ecosystem is not sufficient to motivate developers to write consistent JavaScript tests for React components. Testing … The post React...

Use CSS Variables instead of React Context


Turns out you can use several different libraries to pass color information around components. Or, you could use custom properties, built right into CSS, have no decline in your own developer experience, and deliver a faster experience to your users. … The post Use CSS Variables instead...

Some React Blog Posts I’ve Bookmarked and Read Lately


The React Hooks Announcement In Retrospect: 2 Years Later — Ryan Carniato considers hooks to be the most significant turning point in front end in the past five years, but he also says hooks have muddied the waters as well. … The post Some React Blog Posts I’ve Bookmarked and Read...

Theming and Theme Switching with React and styled-components


I recently had a project with a requirement to support theming on the website. It was a bit of a strange requirement, as the application is mostly used by a handful of administrators. An even bigger surprise was that they … The post Theming and Theme Switching with React...

Make Your Own Tools


Spencer Miskoviak on the Wealthfront blog: By creating custom DevTools specific to an app, they can operate at an even higher abstraction to handle things like user interactions, or debugging tracking events. While this requires building and maintaining the … The post Make Your Own Tools...

Recreating a Dave Whyte Animation in React-Three-Fiber


Learn how to use instanced rendering and post-processing techniques to recreate a hypnotic looping animation with react-three-fiber. The post Recreating a Dave Whyte Animation in React-Three-Fiber appeared first on Codrops

React.isValidElement


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...

Creating UI Components in SVG


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


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...

Using Your Own Design System with KendoReact Components


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


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...

How to Conditionally Add Attributes to Objects


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...

Pre-Caching Image with React Suspense


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...

Going Jamstack with React, Serverless, and Airtable


The best way to learn is to build. Let’s learn about this hot new buzzword, Jamstack, by building a site with React, Netlify (Serverless) Functions, and Airtable. One of the ingredients of Jamstack is static hosting, but that doesn’t mean everything on the site has to be static. In fact, we’re...

Morphing SVG With react-spring


I’ve been intrigued by the morphing effect ever since I was a little kid. There’s something about a shape-shifting animation that always captures my attention. The first time I saw morphing left me wondering  “ Wow, how did they do that?” Since then, I’ve created demos and written an article about...

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