Search

Nalezeno "React": 489

Workshop React Best Practices

21.2.2020
Ovládněte React na jedničku. Pro všechny JavaScript a Frontend vývojáře je určen workshop s názvem „React Best Practices“, který je posune na další level. Především díky spoustě praktických příkladů rychleji pochopí koncepty. Kromě…

Why JavaScript is Eating HTML

13.2.2020
Web development is always changing. One trend in particular has become very popular lately, and it fundamentally goes against the conventional wisdom about how a web page should be made. It is exciting for some but frustrating for others, and the reasons for both are difficult to explain. A...

The Unseen Performance Costs of Modern CSS-in-JS Libraries

13.2.2020
This article is full of a bunch of data from Aggelos Arvanitakis. But lemme just focus on his final bit of advice: Investigate whether a zero-runtime CSS-in-JS library can work for your project. Sometimes we tend to prefer writing CSS in JS for the DX (developer experience) it offers, without...

The Hooks of React Router

12.2.2020
React Router 5 embraces the power of hooks and has introduced four different hooks to help with routing. You will find this article useful if you are looking for a quick primer on the new patterns of React Router. But before we look at hooks, we will start off with a new route rendering...

Getting Acquainted With Svelte, the New Framework on the Block

6.2.2020
For the last six years, Vue, Angular, and React have run the world of front-end component frameworks. Google and Facebook have their own sponsored frameworks, but they might leave a bitter taste for anyone who advocates for an open and unbiased web. Vue is another popular framework that...

The Three Types of Code

3.2.2020
Every time I start a new project, I organize the code I’m looking at into three types, or categories if you like. And I think these types can be applied to any codebase, any language, any technology or open source project. Whether I’m writing HTML or CSS or building a React component, thinking...

Collective #585

30.1.2020
CineShader * Animating CSS Width and Height * YourStack * WebGL State Diagram * React Tutorial Collective #585 was written by Pedro Botelho and published on Codrops

Apollo GraphQL without JavaScript

29.1.2020
It's cool to see progressive enhancement being done even while using the fanciest of the fancy front-end technologies. This is a button in a JSX React component that has a click handler applied directly to it that fires a data mutation Ajax request through Apollo GraphQL. That is about the least...

Bundling JavaScript for Performance: Best Practices

24.1.2020
Performance advice from David Calhoun on how many scripts to load on a page for best performance: [...] some of your vendor dependencies probably change slower than others. react and react-dom probably change the slowest, and their versions are always paired together, so they...

The Web in 2020: Extensibility and Interoperability

22.1.2020
In the past few years, we’ve seen a lot of change and diversion in regard to web technologies. In 2020, I foresee us as a web community heading toward two major trends/goals: extensibility and interoperability. Let’s break those down. Extensibility Extensibility describes...

Debunking the Myth: Accessibility and React

15.1.2020
I find it notable when the blog of a major accessibility-focused company like Deque publishes an article called Debunking the Myth: Accessibility and React. Mark Steadman is essentially saying if a site has bad accessibility, it ain't React... it's you. The tools are there to achieve good...

Snowpack

14.1.2020
Snowpack. Love that name. This is the new thing from the Pika people, who are on to something. It's a bundler alternative, in a sense. It runs over packages you pull from npm to make sure that they are ES module-compatible (native imports). This is how I digest it. When you write a line of code...

Collective #580

13.1.2020
React-three-fiber v4 * /uses * Goodbye, Clean Code * Aria Tablist * Theme UI Gallery Collective #580 was written by Pedro Botelho and published on Codrops

Stream-Crossing Confusion

23.12.2019
Should I use WordPress or React hooks? Should I use D3 or CSS? Should I use Markdown or JSON? Can I use flexbox in Gatsby? Can I use custom properties in Jekyll? Should I use HTML or the cloud? How do I add dark mode to my Vue site? These are tongue-in-cheek, but there is a point to be made here....

Highlights of the HTTP Archive Web Almanac

23.12.2019
I recently looked at the CSS chapter of the Web Alamanc and had some thoughts. Here, Stefan Judis looks at the whole thing and rounds up the most interesting bits to him. Here are most of them: 20% of sites don't compress their JavaScript. React is on 5% of sites while jQuery is on 85% of sites....

How to the Get Current Page URL in Gatsby

20.12.2019
This seemingly simple task had me scratching my head for a few hours while I was working on my website. As it turns out, getting the current page URL in Gatsby is not as straightforward as you may think, but also not so complicated to understand. Let’s look at a few methods of making it happen....

Two Lessons I Learned From Making React Components

19.12.2019
Here’s a couple of lessons I’ve learned about how not to build React components. These are things I've come across over the past couple of months and thought they might be of interest to you if you’re working on a design system, especially one with a bunch of legacy technical decisions and a lot...

Domain-Driven Design With React

16.12.2019
There is very little guidance on how to organize front-end applications in the world of React. (Just move files around until it “feels right,” lol). The truth is that we can do better. Let’s take a look at one pattern you might consider using to architect your site. At first, you might split...

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