Search

Nalezeno "rendering": 87

A More Accessible Portals Demo


The point of the <portal> element (behind a flag in Chrome Canary) is that you can preload another whole page (like <iframe>), but then have APIs to animate it to the current page. So "Single Page App"-like functionality (SPA), but natively. I think that's pretty cool. I'm a fan...

The Simplest Way to Load CSS Asynchronously


Scott Jehl: One of the most impactful things we can do to improve page performance and resilience is to load CSS in a way that does not delay page rendering. That’s because by default, browsers will load external CSS synchronously—halting all page rendering while the CSS is downloaded...

What I Like About Vue


Dave Rupert digs into some of his favorite Vue features and one particular issue that he has with React: I’ve come to realize one thing I don’t particularly like about React is jumping into a file, reading the top for the state, jumping to the bottom to find the render function, then following...

The Fight Against Layout Jank


A web page isn't locked in stone just because it has rendered visually. Media assets, like images, can come in and cause the layout to shift based on their size, which typically isn't known in fluid layouts until they do render. Or fonts can load and reflow layout. Or XHRs can bring in more content...

Evergreen Googlebot


I've heard people say that the #1 most exciting and important thing that came out of Google I/O this year was the evergreen Googlebot: Today, we are happy to announce that Googlebot now runs the latest Chromium rendering engine (74 at the time of this post) when rendering pages for Search. Moving...

Deploying a Client-Side Rendered create-react-app to Microsoft Azure


Deploying a React app to Microsoft Azure is simple. Except that... it isn’t. The devil is in the details. If you're looking to deploy a create-react-app — or a similar style front-end JavaScript framework that requires pushState-based routing — to Microsoft Azure, I believe this article will serve...

Revisiting the Rendering Tier


Have you ever created a well-intentioned, thoughtful design system only to watch it grow into an ever-increasing and scary codebase? I've been working in sort of the opposite direction, inheriting the scary codebase and trying to create a thoughtful system from it. Here's Alex Sanders on the topic...

The Client/Server Rendering Spectrum


I've definitely been guilty of thinking about rendering on the web as a two-horse race. There is Server-Side Rendering (SSR, like this WordPress site is doing) and Client-Side Rendering (CSR, like a typical React app). Both are full of advantages and disadvantages. But, of course, the conversation...

The Bottleneck of the Web


Steve Souders, "JavaScript Dominates Browser CPU": Ten years ago the network was the main bottleneck. Today, the main bottleneck is JavaScript. The amount of JavaScript on pages is growing rapidly (nearly 5x in the last 7 years). In order to keep pages rendering and feeling fast, we need to focus...

Collective #490


Rendering on the Web * Textblock * 30 Seconds of Knowledge * Mixkit * FormVuelar * GitHub History Collective #490 was written by Pedro Botelho and published on Codrops

Designing for the web ought to mean making HTML and CSS


David Heinemeier Hansson has written an interesting post about the current state of web design and how designers ought to be able to still work on the code side of things: We build using server-side rendering, Turbolinks, and Stimulus. All tools that are approachable and realistic for designers...

React 16.6.0 Goodies


React 16.6.0 was released October 2018 and with it came goodies that spice up the way we can develop with React. We’re going to cover what I consider the best of those new goodies with examples of how we can put them to use in our work. React.memo() avoids unnecessary re-rendering There...

React indeterminate


I’ve fallen in love with React.js and JSX over the years; state-based rendering and a logical workflow have made me see the light of this modern framework. That doesn’t mean I don’t sometimes get a bit frustrated that the “simple” things seem harder than they should...

Rendering Lists Using React Virtualized


Working with data in React is relatively easy because React is designed to handle data as state. The hassle begins when the amount of data you need to consume becomes massive. For example, say you have to handle a dataset which is between 500-1,000 records. This can result in massive loads and lead...

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