Hey there! 👋🏼 I'm Mateo Garcia, I co-organize a community in Medellin, Colombia called React Medellin. This year I started a series of posts called 'Coding with Mateo'; My first post was about 6 ways to write a React component. Today I want to share with you what I have researched for a couple of weeks about how rendering works in React. To begin with, I will say that the concept of rendering in
Stimulus、悪くない
Stimulus: A modest JavaScript framework for the HTML you already have. 2020年末にリリースされた Stimulus 2.0 を試して気づいたことをメモしておく。Stimulus は Rails で有名な Basecamp のメンバーによって開発された生 DOM をベースに、できるだけ template に JS を書かずに動的な DOM の生成、変更を実現するためのライブラリである。 昨今流行りの React, Vue, Angular などの VirtualDOM 系のツールとは根本的に考え方が異なり、今からこれを採用するのはやや申し訳ないというか、正直に言うとよいイメージはなかったし、例えばフロントエンドエンジニアとしてスキルアップしたいぜーという人には合わないと思うが、ただ、どうせサーバサイドの開発が必要で、分
Androidも宣言的UI（が当たり前になりそうな）時代に非宣言的UIライブラリでこの先生きのこるには - dely Tech Blog
こんにちは。dely株式会社でAndroidチームのマネージャーをやっているうめもり（Twitter: @kr9ly）です。 この記事は「dely #1 Advent Calendar 2020」の22日目の記事です。 21日目の記事は、kazkobay さんによる「デザイナーからPdMになる時に役に立った本と方法まとめ」でした。エンジニアがPdMになるときにも役に立ちそうな本なので、暇を見つけて読んでみようと思いました。 note.com 「dely #2 Advent Calendar 2020」もありますので、是非そちらもご覧ください。 Jetpack Compose前夜 皆さん、Jetpack Compose使ってますか？直近ですと12/2に1.0.0-alpha08、12/16に1.0.0-alpha09がリリースされ、開発が大分活発なのがうかがえますね。正式版リリースは来年末か
Discussion Threads dev.toではDiscussion Threadsという、議論やコメントが前提の記事を立てることができます。 まあ見てのとおり、大半のスレッドは閑古鳥が鳴いてますが。 最近盛り上がったスレッドとしてはShow off your Workspace、日本でいうところの環境晒しスレがあります。 みんな格好いい環境ばかりで驚きですね。 これはもう私も自分の環境を晒して世界を絶望と混乱の渦に落とし入れなくては。 そんなわけで以下は、dev.toに先日投稿されたDiscussion Threadsのひとつ、Which JavaScript frameworks are worth learning in 2021?のコメントを軽く抜き出してみたものです。 スレ主もI am sure there are no right answersと言っているように、決して
JSer.info #476 - TypeScript 3.8が正式にリリースされました。 Announcing TypeScript 3.8 | TypeScript 型定義だけをインポート/エクスポートできるimport type/export typeの追加、ECMASCript Proposal Stage 3のECMAScript Private Fields、Top-Level awaitのサポートが追加されています。 また、tsconfig.jsonのtargetとmoduleオプションにes2020を追加、watchOptionsで--watch時の挙動の設定の追加、assumeChangesOnlyAffectDirectDependenciesオプションで"Fast and Loose"なインクリメンタルビルドをサポートしています。 現在v7.0.0-alpha.1が公
Stimulus、悪くない
Stimulus: A modest JavaScript framework for the HTML you already have. 2020年末にリリースされた Stimulus 2.0 を試して気づいたことをメモしておく。Stimulus は Rails で有名な Basecamp のメンバーによって開発された生 DOM をベースに、できるだけ template に JS を書かずに動的な DOM の生成、変更を実現するためのライブラリである。 昨今流行りの React, Vue, Angular などの VirtualDOM 系のツールとは根本的に考え方が異なり、今からこれを採用するのはやや申し訳ないというか、正直に言うとよいイメージはなかったし、例えばフロントエンドエンジニアとしてスキルアップしたいぜーという人には合わないと思うが、ただ、どうせサーバサイドの開発が必要で、分
この記事はNext.js Advent Calendar 2019 16日目の記事です。 Qiitaに書くのは久々の @_Ria0130です。 SPAを作っていても Transition を実装したことない方結構いらっしゃるんじゃないでしょうか？ ページ遷移と Transition の組み合わせって結構難しくって、クロスフェードとかをしようとすると遷移前と遷移後の要素をどちらも描画したままスタイルを適応する必要があります。 React など VirtualDOM を扱うライブラリを採用しているとDOMの反映を自動でしてくれて楽な反面、要素のコントロールが自分でできないので少し複雑です。 React で有名な Transition ライブラリだと React Transition Group があるのですが、今回は UIT INSID Eep.29 で紹介されていて気になっていた react
CA.swift #11 ~3年後のアプリ設計を考えよう~ パネルディスカッション文字起こし #ca_swift｜かっくん / iOS Developer
2020年1月30日にAbema Towersで開催されたサイバーエージェントの勉強会CA.swift #11に参加してきました 。トークも面白かったのですが、パネルディスカッションも面白いなと思って文字起こしをしたので公開します。（何か書けないことがあったり公開できない情報や誤りがあればご連絡ください） 文字起こし服部(モデレーター) はい、よろしくお願いします。 AbemaTV所属の服部と申します。AbemaTVでiOSアプリの開発をしていて、もりしの話であった第二世代から第三世代の途中ぐらいまでいました。テーマとして3年後のアプリ設計を考えようというのを大テーマとして話していきます。事前に質問を送って頂いて、みんなが興味あるところをピックアップしてそれをぶつけていこうと思ってます。 軽く下地作りとして、3年後のアプリ設計を考える、難しいお題ですよね、2023年、iOS 16、iPho
ご無沙汰しております。 Hiro_Matsunoです。 ほぼ10ヶ月ぶりかなぁ。 qiitaで投稿するのはということはさておきなぜこのテーマになったかですが。 実は現在C#よりも今年11月からPHPerとして復帰してしまいましたのでこのテーマとさせていただきます。 今回はポエムになってしまいますが許してくださいm(_ _)m。 この投稿はC#アドベンドカレンダー4日目の投稿です。 実は職場には内緒で書いてるのでｗ。 C#を最初はどう思っていたのか 実は好意的に見ていませんでした。 どちらかというと自分はOSS属性の人間でLinux大好き人間だったのでJavaのNull使える版じゃないのとしか見ていませんでした。 仕事で使う機会もなかったのもあってかなかなか触る機会がなかったので食わず嫌い王でしたね。 本当にPHPとjQueryとHTMLで飯を食っていましたので本当に使うということが少なかっ
GitHub - mayu-live/framework: Mayu is a live updating server-side component-based VDOM rendering framework written in Ruby
Mayu is a live updating server side component-based VirtualDOM rendering framework written in Ruby. Everything runs on the server, except for a tiny little runtime that deals with the connection to the server and updates the DOM. It is very early in development and nothing is guaranteed to work. Still trying to figure out how to make a framework that is both easy to use and fun to work with. Some
実は最近まとまった時間ができたので、フロントエンド勘を取り戻すためにも、ずっと気になってたSvelteを触ってみてる。 一通りDocsやTutorialに目を通しきったところで、備忘録も兼ねて記事を書いておこうかと思った次第。 Svelte 3: Rethinking reactivity Svelteは`3`が最新のメジャーバージョンで、これがリリースされたのは2019年の4月のこと。 なんと1年も前の話なのでぜんぜん今さらではあるけど、まだ1年しか経ってないとも取れる・・はず。 モチベーション 冒頭の記事の中にある、Rethinking reactivityっていう公演の動画を見てハッとしたから。 動画の説明文を引用するとこんな具合。 Modern JavaScript frameworks are all about reactivity. Change your applicati
はじめに 皆さん、こんにちは！Webシステム開発エンジニアの蘭です！ 今日はVue.jsについて語りたいと思います。 昔Webシステム開発技術が始まった時、バックエンドではPHPやRubyを使い直接OracleやMySQLの内部のデータベースにSELECT,INSERT,UPDATE,DELETEを実行してた時代でした。 それが今はSaasの時代になり、内部データを直接弄るだけではなく、 フロントバックエンドの合化、外部連携の柔軟性が整ってる便利なREST APIファースト開発が主になり、フロントで「サイト更新の速度」や直感的なリ「アルタイムの更新」がサイト品質に関してもはや欠かせない物になりました。 参考：APIファーストで開発する7つのメリット やりたいこと：【サイト更新速度の向上、直感的なアルタイムの更新】 バックエンドではサーバーに対するリクエストはAPIでプロパティを渡し、 フロ
本記事の目的 Reactという単語は聞いたことあるけれど概要はよく知らない人向けの記事になります（元々はバイト先のディレクターさんにReactを教えるためのスライドです）。 なのでReactの特徴やその大まかな意味などの上流の部分に触れていきます。 その中でも今回はReactの特徴について触れていこうと思います。 Reactとは Reactとはユーザインタフェースを構築するためのJSライブラリです。 よくAngularやjQueryと比較されますが、React自体はウェブフレームワークではなく「ライブラリ」ですので、実際の開発の際には他にも様々なライブラリを組み合わせて使うことが多いです。 Reactの開発はFacebookが行っていて2019年7月現在githubのスターは132,000以上もあるwebフロント界隈では主流になりつつあるライブラリです。 Reactの特徴は大きく分けて3つ
Core React What is React? React is an open-source frontend JavaScript library which is used for building user interfaces especially for single page applications. It is used for handling view layer for web and mobile apps. React was created by Jordan Walke, a software engineer working for Facebook. React was first deployed on Facebook's News Feed in 2011 and on Instagram in 2012. ⬆ Back to Top What
StencilでかんたんにWeb Componentsを実装する | フロントエンドBlog | ミツエーリンクス
Stencilは、Ionic Frameworkチームが開発したWeb Componentsコンパイラです。 開発環境にTypeScript、JSX、VirtualDOM、データバインディング、非同期レンダリングなどのWeb開発技術を網羅しており、ビルド後はWeb標準に準拠したWeb Componentsのソースコードを生成してくれます。 今回はStencilの導入方法を紹介します。 Stencilのインストール 適当なディレクトリで以下のコマンドを実行しましょう。 npm init stencil そうするとStencilが提供するスターターの選択肢がコマンドラインに表示されます（コマンドを実行するにはnpm v6以上が必要です）。 ? Pick a starter » - Use arrow-keys. Return to submit. ionic-pwa Everything yo
はじめに 本記事は、reactjs-interview-questionsを日本語に翻訳することを目的とします。そのため、筆者自身の意見や知見は扱いません。 reactjs-interview-questionsとは 技術面接などでReactに関して聞かれるであろう質問とその回答がまとめられています。「Reactとは？」というざっくりした質問だけでなく「Reactのデータフローについて」などコアな質問が用意されているため、転職活動をしていない方でも学びになる点が多くあります。 全部で333問の質問とその回答が用意されています。この記事では1〜111の問題を翻訳します。翻訳が不慣れな点がありましても暖かい目で見ていただけると幸いです<_> 1. What is React? React is an open-source front-end JavaScript library that i
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Understanding Rendering in React ♻ ⚛️
2021年に学ぶべきJavaScriptフレームワークは何かね？ - Qiita
2020-02-25のJS: TypeScript 3.8 正式リリース、ESLint 7.0.0の変更予定
Next.js で Page Transition を実装する - Qiita
PHPer&HTML5が好きな自分がなぜC#に惚れたのか - Qiita
Svelte 3の仕組みとその手触り - console.lealog();
１０分で基礎がわかるVue.js-入門 - Qiita
Reactをわかった気になる #1 Reactの特徴 - Qiita
300+ React Interview Questions
Reactjs-Interview-Questions（翻訳）1〜111 - Qiita