noteのフロントエンドのざっくり歴史まとめ｜noteエンジニアチームの技術記事
この記事では、noteがリリースされた2014年当初から現在までのフロントエンド技術の移り変わりをざっくりと振り返ります。 Angular 1.x 系からスタートしたnoteは、その後Nuxt.jsへの移行、さらにはNext.js + Svelteを活用したリアーキテクチャの道を歩んできました。 フロントエンド領域がめまぐるしく変化する中で、なぜこれらの選択をしてきたのか、どんな課題があったのかなどをまとめました。 ※ この記事で扱う内容は、2014年〜2025年1月時点での内容です Angular 1.x系でnoteをリリースした背景2014年当初の状況noteがリリースされた2014年は、フロントエンドフレームワークがまだ混沌としていた時代でした。Reactは登場していたものの、企業での採用実績やノウハウがそこまで多くはなく、Vue.jsはまだ黎明期。AngularJS（Angular
2024-11-26のJS: Angular v19、Deno 2.1(LTS)、React Router v7(from Remix)
JSer.info #716 - Angular v19がリリースされました。 Meet Angular v19. In the past two years we doubled down… | by Minko Gechev | Nov, 2024 | Angular Blog Release v19.0.0 · angular/angular Angular v19 Developer Event - YouTube Developer previewとして新しいIncremental Hydrationの仕組みを追加、ServerRouteでレンダリングモードを指定できるように、HMRのサポートが追加されています。 Incremental Hydrationは、@deferでHydrationを遅延実行でき、Hydrationがするまでは@placeholderでプレースホルダーを
Angular without SSR is faster than Next.js with SSR. I have the data.
"If we really want to make our website faster, we should just rewrite it in Next.js." I think you'd be hard pressed to find a tech startup anywhere without at least one developer who is constantly saying this. But is it actually true? I certainly had no reason to doubt it. As someone who had just done the big upgrade from AngularJS to Angular, I was happy that all those months of work had resulted
GitHub - aws-amplify/amplify-ui: Amplify UI is a collection of accessible, themeable, performant React (and more!) components that can connect directly to the cloud.
What are the major benefits of the new version of Amplify UI? Better developer experience Connected-components like Authenticator are being written with framework-specific implementations so that they follow framework conventions and are easier to integrate into your application. Endlessly customizable Every detail of Amplify UI is customizable to match your brand. Style all of Amplify UI with the
2021-11-09のJS: React Router v6、Angular v13、ChromeのRecord and Replay、TypeScriptへの段階的な移行
JSer.info #565 - React Router v6がリリースされました。 React Router v6 | Remix React Hooksベースで再実装、<Route>のネストの扱いを改善、<Link to>の値に相対パスの解釈を<Route path>を基準にする変更などが含まれています。 合わせてReact Router v5からのマイグレーションガイドも公開されています。 React Router | Upgrading from v5 Angular 13がリリースされました。 Angular v13 is now Available. We’re back with the brand new release… | by Mark Thompson (@marktechson) | Nov, 2021 | Angular Blog Ivyがデフォルトとなったた
5ヶ月で完走！新規開発を止めないAngular→Reactリプレイスの進め方まとめ｜Yuito Sato
【結論】 5ヶ月かけて無事完了しました。あー長かった。 新規の機能開発を止めないために一般的な開発チームでは今回のようなフロントエンドのフルリプレイスで一部新規の機能開発を止めながら開発を行うことがあると思います。 コードフリーズとなど呼ばれているものですね。 しかしログラスのようなスタートアップではプロダクトを絶えず進化させていくことがとても重要です。 機能開発を止めてしまえばたちまち大きな開発チームをもつ競合に追い抜かれて会社が負けてしまいます。 本記事ではフロントエンドフルリプレイスを新規機能開発を止めずに走らせる方法を解説していきます。 リプレイス概要本題に入る前に今回リプレイス対象となったLoglassについてとプロジェクトの概要について説明します。 【Loglassについて】 「プランニングクラウド Loglass」はBtoB SaaSのサービスの一つです。 基本はSSGやSS
Storybook 6.1
Storybook is the industry standard UI component workshop. It organizes components and their states to structure UI development, testing, and documentation. It's used by teams at Twitter, Slack, Airbnb, Shopify, Stripe, and Microsoft. As Storybook grows in popularity, companies are building more components in it than ever before. Atomic components, full blown pages, and everything in between. Perfo
PrimeFaces
Your perfect companion for Angular, React, Vue and JSF featuring elegant, high-performance, accessible and fully customizable UI Components. Open source products of PrimeTek are used all around the world by 5M+ developers in Fortune 500 companies, corporations, government agencies and educational institutions.
JavaScript frameworks security report 2019 | Snyk
ProductsProducts What is Snyk? Developer-first security in action
Introducing Ionic 4: Ionic for Everyone
January 23, 2019 Announcements Ionic 4 web components Today I am thrilled to announce the 4.0 release of Ionic Framework, lovingly known as “Ionic for Everyone.” 🎉 Ionic 4 represents the culmination of more than two years of research and hard work transforming Ionic from “mobile for Angular” into a powerful UI Design System and app framework for every web developer in the world. There are so many
React for the Angular Dev – Austin – Medium
PrefaceAngular and React have dominated the landscape of JavaScript frameworks for some time now. Chances are you probably picked one that suited your needs best and probably stuck with it; after all humans don’t really like change. This article is for those who have been working in Angular and haven’t had a chance to venture into other frameworks and try them out. Before we get started, I want to
Storybook Tutorials
TutorialsFree in-depth guides with code samples. Made for professional frontend developers. Intro to StorybookLearn to create bulletproof UI components, along the way you'll build an app UI from scratch.10 Chapters Design Systems for DevelopersDiscover how to build and maintain design systems using Storybook.9 Chapters
Migrating from AngularJS to React — how do you measure your performance gains?
Are you looking into migrating a large AngularJS single page application to React? If so, you may be wondering what sort of performance gains you are going to get with React and how the code will morph (with state management libraries Redux or Mobx). In this post, I’ll try to answer some of these questions, and give you a lot of data you can use to make more informed decisions. First, I will go ov
UI-Router for React
UI-Router provides extremely flexible, state based routing to the React ecosystem. Getting UI-Router The UI-Router package is distributed using npm, the node package manager. Tutorials Learn UI-Router by following our tutorials. Hello World Hello Solar System Hello Galaxy Sample application The UI-Router Sample App is a non-trivial UI-Router application. API Docs UI-Router is written in Typescript
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The Framework Field Guide - Fundamentals
GitHub - cerebral/overmind: Overmind - Frictionless state management
BabelEdit - Editor for JSON translation files for Angular & React
Learn to code with Scrimba
GitHub - prisma-archive/prep: Pre-renders your web app (React, Vue, Angular, ...) into static HTML based on your specified routes enabling SEO for single page applications.
GitHub - feimosi/frameworks-code-comparison: :vs: Code comparison of modern web frameworks, based on React, Angular and Vue.js
