JavaScriptフロントエンド総合 Part.11

2022/08/19(金) 17:47:00.42

!extend:on:vvvvv:1000:512

Vue
https://jp.vuejs.org/
React
https://reactjs.org/
Angular
https://angular.io/
Svelte
https://svelte.dev/
SolidJS
https://www.solidjs.com/

※前スレ
Vue vs React vs Svelte Part.7
https://mevius.5ch.net/test/read.cgi/tech/1610901677/
Vue vs React vs Angular vs Svelte Part.8
https://mevius.5ch.net/test/read.cgi/tech/1621744952/
Vue vs React vs Angular vs Svelte Part.9
https://mevius.5ch.net/test/read.cgi/tech/1642316774/
Vue vs React vs Angular vs Svelte Part.10
https://mevius.5ch.net/test/read.cgi/tech/1646747836/

★ここではjQuery, Ruby, C#, Blazorの話題は禁止です
★jQuery, Ruby, C#, Blazorｷﾁｶﾞｲが書き込んでも無視してください
Next, Nuxt, Sapper, Gatsby, VuePress, RedWoodなどはおｋ。

VIPQ2_EXTDAT: default:vvvvv:1000:512:: EXT was configured

2023/07/30(日) 09:53:09.14

Vue2からVue3に移行するくらいならReactに移行しようって流れがはっきりとあるからな
AngularJSからAngular2の時と同じパターン
公式が活発でも技術的に進歩していても利用者が付いてこないライブラリやフレームワークは将来性がないと言われてもしゃーない

2023/07/30(日) 10:40:43.46

>>66
Vueに将来性がない、とは言ってない
VueとReactで将来性を比較したら現時点では後者が優位と判断するのが妥当だろう、と言ってるだけ
そこは読み違えないでほしい

2023/07/30(日) 12:21:01.49

Vue：小規模、初心者向け
React：中大規模、中級者向け

だと思ってるんだけどこれは間違い？

2023/08/02(水) 17:19:02.51

規模の問題に関しては上にも出てるCompositionAPIやTypeScriptのサポート強化で大分改善されてると思う

2023/08/22(火) 11:28:50.31

Vueのテンプレートの中で非同期関数を呼び出したいときってどうするのがいいんだろうか

2023/09/24(日) 02:44:13.26

あんなん、わしの人生で滅多にないわ

2023/10/18(水) 01:47:55.72

なんや、こりゃあほか

2024/02/16(金) 20:20:52.23

Vuetify、半年ぐらい目を離してたら3.3→3.5になってた
コンポーネントもいろいろ増えてるぽいし触ってみよう

2024/03/04(月) 10:55:46.22

VSCodeのVolar拡張機能がメジャーバージョンアップ
Vue本体もだけどこれの更新があるのは安心する

2024/03/04(月) 19:40:28.36

分けてたtypescriptの要らなくなったんだな

2024/03/06(水) 17:54:59.85

コード書いてるとちょいちょいヒントやインテリセンスが効かなくなるから都度TSサーバの再起動かけてる
安定化に期待したい

2024/03/06(水) 18:04:48.72

たしかに安定してない…

2024/03/16(土) 23:05:10.74

Vue3のdefineEmitsの書き方について質問
Vue3.3から使えるようになったdefineEmitsの代替構文について下記のページに説明があるんだけど
戻り値のあるイベントハンドラを宣言する方法が分からない
https://ja.vuejs.org/api/sfc-script-setup
具体的には戻り値のない(a)は(a')と書けるけど(b)に対する(b')はどう書けばいいのか不明

(従来の書き方)
const emit = defineEmits<{
(e: 'change', id: number): void // (a)
(e: 'update', value: string): boolean // (b)
}>()

(代替構文)
const emit = defineEmits<{
change: [id: number] // (a')
update: ？？？// (b')
}>()

誰か知ってる人いるだろうか

2024/03/18(月) 18:31:32.78

一応自己解決というか
少し追ってみたら
type ShortEmits<T extends Record<string, any>> = UnionToIntersection<RecordToUnion<{
[K in keyof T]: (evt: K, ...args: T[K]) => void;
}>>;
という記述があってここで戻り値をvoid決め打ちにしてる模様
戻り値が必要なケースはあまり多くないだろうからその場合は従来の書き方でってことなのだろう

2024/04/29(月) 10:09:03.20

こんな板でも荒らされるのね

2024/04/29(月) 10:11:07.60

ここにスレ立て荒しくるのめずらいね…

2025/04/27(日) 00:15:53.03

hosyu