Remove Best Practices Remove Code Remove Performance Remove Workshop
article thumbnail

Improving JavaScript Bundle Performance With Code-Splitting

Smashing Magazine

Improving JavaScript Bundle Performance With Code-Splitting. Improving JavaScript Bundle Performance With Code-Splitting. It’s a common misconception that the code which is produced by the framework build tools (Webpack, for example) is fully optimized and cannot be improved upon any further. Performance Costs.

Code 89
article thumbnail

Gone Floating Labels And Green Lighthouse Scores

Smashing Magazine

Working around improving performance was an ongoing journey on SmashingMag for a while. In the end of last year we’ve noticed that we’ve seen quite a drop in performance in 2020, so we rolled up our sleeves and got to work. We were busy not only with performance and UX optimizations though. New Online Workshops on Smashing.

Mobile 140
Insiders

Sign Up for our Newsletter

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Trending Sources

article thumbnail

Solving CLS Issues In A Next.js-Powered E-Commerce Website (Case Study)

Smashing Magazine

Performance is one of the core aspects to ensure our users are having a delightful user experience irrespective of their devices or network connection. We found out user-centric performance metrics to be the perfect fit for this purpose. We use Lighthouse and WebPagetest as our synthetic testing tools for performance to measure CLS.

Website 105
article thumbnail

Global vs. Local Styling In Next.js

Smashing Magazine

is opinionated about how to organize JavaScript code, but it doesn’t have built-in opinions about how to organize CSS. and exercise best CSS practices. CSS-in-JS can also have a performance impact by causing additional renders and dependencies on the global state. Jump to the workshop ?. Alexander Dubovoy.

Website 142
article thumbnail

WaterBear: Building A Free Platform For Impactful Documentaries (Part 2)

Smashing Magazine

Now, let’s dive into the technical features and best practices that my team adopted in the process of building the WaterBear web app. I plan on sharing specifically what I learned from performance and accessibility practices as a first-time lead developer of a team , as well as what I wish I had known before we started.

Cache 72
article thumbnail

React Children And Iteration Methods

Smashing Magazine

In this article, we’ll look at a React utility React.Children.toArray which lets us prepare the children prop for inspection and iteration, some of its shortcomings and how to overcome them — through a small open-source package, to keep our React code function the way it is deterministically supposed to behave, keeping performance intact.

article thumbnail

Where programming languages are headed in 2020

O'Reilly

Binder, she notes, “was widely used last year for teaching workshops and tutorials at many Python conferences.” The experimental DSL for code contracts gives developers the ability to provide guarantees about the ways that code behaves. Does your function have side effects?