Crank.js | Introducing Crank
By Brian Kim – April 15, 2020 A deep dive into why Crank.js was created, exploring the limitations of React's Suspense API and the philosophy behind using generators and async functions for components. After months of development, I’m happy to introduce Crank.js, a new framework for creating JSX-driven components with functions, promises and generators. And I know what you’re thinking: oh no, not
JavaScriptやCSSを読み込むローダーライブラリをES Modulesとして読み込む
今どきのnpmパッケージはUNPKGやPika CDNを使えば、ES Modulesとして直接import文読み込めることがあります。 たとえばPreactなら、次のようにUNPKG経由で直接モジュールをインポートできます。 <script type="module"> import { h, Component, render } from 'https://unpkg.com/preact?module'; // Create your app const app = h('h1', null, 'Hello World!'); render(app, document.body); </script> Getting Started | Preact: Fast 3kb React alternative with the same ES6 API. Components & Vir
What’s new in react-query v1.0 - LogRocket Blog
react-query v1.0 was released on 26 February, which brought about a change in the react-query API and all-new dedicated devtools. In this post, I will be discussing the following changes on: Query keys and query functions useQuery Hook The new queries operation handler, queryCache react-query-devtools A comprehensive list of the updates (mostly minor changes) can be found on the changelog. Moving
JavaScript Libraries Are Almost Never Updated Once Installed
JavaScript Libraries Are Almost Never Updated Once Installed2020-01-27 Cloudflare helps run CDNJS, a very popular way of including JavaScript and other frontend resources on web pages. With the CDNJS team’s permission we collect anonymized and aggregated data from CDNJS requests which we use to understand how people build on the Internet. Our analysis today is focused on one question: once install
How to migrate from Mocha to Jest
Jest is a simple testing library that works with zero configuration. Because of its great API - if you're already using Mocha - with a few find & replace and minimal effort, you can move to Jest without rewriting any of your tests. In this post, I'll show you how I tweaked my existing Mocha setup to achieve this. If you're new to Jest, don't forget to check out their Getting Started page as well.
Advancing the web framework ecosystem | Articles | web.dev
Chrome is an active contributor to the web framework ecosystem and our talk at Chrome Dev Summit 2019 covers what we've worked on in the past year. Read on for an extended recap of the talk with additional details and resources. How do we make the web better? The goal of everyone on the Chrome team is to make the web better. We work on improving browser APIs and V8--the core JavaScript and WebAsse
Introduction to Svelte
A few months ago, Svelte 3 was released. I tried it out, ran through their tutorial, and built a few small things. And I can honestly say that I think writing Svelte feels even faster and easier than React. Svelte gave me the same spark, the same feeling of “wow!” that I had with React. In this post I want to tell you a bit about Svelte, show you how it works with a few live example apps, and poin
【SSRも】Fleur − 新しいFluxフレームワーク【イケる】 - pixiv inside
みなさんこんにちは！ VRoid Hubでフロントエンドエンジニアをしている花倉ミツカ (a.k.a. ラグ)です 🙌 今回のpixiv insideはちょっとだけお仕事から離れて(ガチ)アイスブレイクです。私が1年ほど開発しているFluxフレームワーク、Fleur (フルール, @fleur/fleur)について、その設計や使い方についてご紹介させていただきます！ 目次 どういうフレームワーク？ 実際の使い方 質問 まとめ どういうフレームワーク？ pixiv Sketchで採用されている Fluxible というFluxフレームワークを参考に、「書きやすさ」と「現代的な機能の採用」の二点を重視してTypeScriptでフルスクラッチしました。（Fluxibleは私が知ってる中で一番"整っている"フレームワークだと思っています♨） Fleurの大規模なプロダクションでの採用実績はまだあ
A Real-World Comparison of Front-End Frameworks with Benchmarks (2019 update)
By Jacek Schae Also available in: Turkish — thanks to @erdenizZz, Portugues — thanks to @felipefialho For the third time, we are comparing Front-End frameworks by using the Real World example apps. RealWorld example app gives us: RealWorld App Something more than a “todo”. Usually “todos” don’t convey enough knowledge and perspective to actually build real applications. Standardized A project that
Odi - server-side framework
Introduction Hi guys! I am currently working on the server-side TypeScript framework. My team already widely use this framework in various e-commerce and ERP projects. Structure and semantic were inspired by other popular frameworks like Spring and ASP.NET. List of main goals: Testable, supportable, scalable Minimalistic, idiomatic, clear Intuitive, readable, understandable Powerful Currently, t
フロントエンド向けvalidator: favalidの紹介 - asterisc
はじめに 少し前にフロントエンドのjs向けvalidatorフレームワークの favalid というものを作ったので、その紹介記事を書きます。 favalidの特徴 フロントエンドというかjs向けvalidatorといえば joi や yup 、v8nといったようなライブラリがありますが、それらに比べると機能を大幅に削り、とにかく軽量なのと関数型ライクなAPIがfavalidの特徴です。デフォルトのバリデーションメッセージすら入ってないので自分で定義しないとダメです。 ユースケースやコンフィグによりますが、最小構成でwebpackでbundleすると、1kbくらい。機能を色々盛り込んでも~10kbくらいになるかと思います。gzipを効かせれば容量は更に削減されるかと思います。 使い方 ここからは favalid の使い方を説明します。 インストール 普通に npm ないしは yarn で入
turtleDB: A JavaScript Framework for building offline-first, collaborative web apps
Too Long; Didn't ReadBuilding an offline-first, collaborative web app can be done in 2 easy steps: Building an offline-first, collaborative web app can be done in 2 easy steps: npm install turtleDB npm install tortoiseDB Done! Before we get into what turtleDB and tortoiseDB are… Offline first AND collaborative? What does that even mean? In this day and age, those of us who live in modern, heavily-
Introducing F2
F2 is a free and open-source modern charting library, released under MIT license. The aim of F2 is helping developers to create interactive visualizations for mobile devices more easier. F2 is born for mobile, developed for developers as well as designers. It is Html5 Canvas-based, and is also compatible with Node.js, Weex and React Native. Based on the grammar of graphics, F2 provides all the cha
face-api.js — JavaScript API for Face Recognition in the Browser with tensorflow.js
I am excited to say, that it is finally possible to run face recognition in the browser! With this article I am introducing face-api.js, a javascript module, built on top of tensorflow.js core, which implements several CNNs (Convolutional Neural Networks) to solve face detection, face recognition and face landmark detection, optimized for the web and for mobile devices. As always we will look into
🚀 Introducing Akita: A New State Management Pattern for Angular Applications
Every developer knows state management is difficult. Continuously keeping track of what has been updated, why, and when, can become a nightmare, especially in large applications. In the Angular world, the most popular solution is ngrx/store, which was inspired by the famous Redux model. Personally, I’m a big fan of Redux and worked a lot with ngrx; However, both as a developer and as a consultant,
Drupal JavaScript Initiative: The Road to a Modern Administration UI | Lullabot
Resources Articles Drupal JavaScript Initiative: The Road to a Modern Administration UI It's now been over 10 years since Drupal started shipping jQuery as part of core, and although a lot of Drupal's JavaScript has evolved since then it's still based on the premise of progressive enhancement of server-side generated pages. Meanwhile, developing sites with JavaScript has made huge strides thanks t
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UI Fabric is evolving into Fluent UI - Microsoft 365 Developer Blog
Introduction to AntV
Introduction to D3
Snyk research team discovers severe prototype pollution security vulnerabilities affecting all versions of lodash | Snyk
