Master React
Become the best React developer at your company.107 beautifully designed infographics and 77 dynamic video tutorials will take you from enthusiast to React professional. Start mastering React now!. 1. How to structure a React application?2. How to optimize components and avoid unneccesary renders?3. How and when to abstract your UI into components?4. How to apply engineering principles, like spear
こんにちは、Webバックエンドエンジニアの@ShoHyblinxです。 現在運用中のポートフォリオのフロントエンドをReactに置き換えたので、その時の備忘録を書きます。 モチベーション 元々は当時業務で使っていたLaravelを学習する目的で、bladeでフロントエンドを作っていましたが、数年経った今、次のステップとしてフロントエンド周りをちゃんと理解する必要性を感じたことがきっかけです。 あとは自分の傾向として0→1を経験した方が理解度が高いので、そういった意味でも自分が気軽に扱える環境に導入してみるのがよいと考えました。 候補として考えたのはVue.js or React.jsでしたが、Vue.jsは既に別のサービスで使っているため、今回はReact.jsを使うことにしました。 目指す構成 変更前は一般的なLaravelプロジェクトの構成です（プロジェクトルートにapp/とかが作られ
RemixでSPAモードテンプレートを使用してアプリケーションを作成し、起動した直後に以下のエラーが発生しました。本記事では、このエラーの対処方法をメモしておきます。誰かの時短になれば幸いです。 package.json の依存関係 { "dependencies": { "@remix-run/node": "^2.9.2", "@remix-run/react": "^2.9.2", "react": "^18.2.0", "react-dom": "^18.2.0" } } Warning: Expected server HTML to contain a matching <head> in <html>. at head at html at Layout (http://localhost:5173/app/root.tsx:4:3) at RenderedRoute (ht
新しいフォルダ (3)
from: <censored> to: <censored> 今日が最終出社日で、12月～1月は全部有給消化で次の所は2月の1日からです。 所属情報は明らかにしないスタンスなので聞きたい人は現実世界で聞いてください。 転職活動 今流行りのTwitter転職というやつをやってみました。ついったで「転職したい！」って言ってやるやつです。 転職活動自体は去年の2～3月くらいからずるずるやっていて、4月～5月くらいは左足首の手術で若干休んでいたのですが、普通に動けるようになってからまたふわふわ再開して8月くらいに1社からオファーを頂きました。 これまでの転職と違い、なんやかんや精神的に余裕があったので「もうちょっと色んな会社を見てみたいんです」とかいうクッソ我儘を言ってオファーを頂いた会社さんには待ってもらって、その後再度ついったで「転職したい！」ってついっとして転職第二期をはじめました*1。
はじめに ReactとReact Routerで、以下のようなナビゲーションバーを作成したときのメモです。 この記事では、はじめにReact Routerの各種コンポーネントの概要について触れています。その後、サンプルコードを掲載しています。サンプルはWebアプリケーションであることを前提としています。React Native については一切触れていません。 使用しているライブラリとバージョンは以下のようになっています。v3以前のReact Routerだと存在しない機能にも触れているので注意してください。 パッケージ名 バージョン react 16.4.2 react-dom 16.4.2 react-router-dom 4.3.1 React Router reacttraining.com ルーティングのための各種機能を提供するライブラリです。ルーティングにより、URLとコンポーネ
IT Leaders トップ ＞ テクノロジー一覧 ＞ 開発ツール／プラットフォーム ＞ 新製品・サービス ＞ Webアプリの設計書やコードをAIで自動生成する開発ツール「Jitera」 開発ツール／プラットフォーム 開発ツール／プラットフォーム記事一覧へ [新製品・サービス] Webアプリの設計書やコードをAIで自動生成する開発ツール「Jitera」 2024年9月12日(木)日川 佳三（IT Leaders編集部） リスト Jiteraは2024年9月12日、クラウド型ソフトウェア開発ツール「Jitera」の提供を開始した。PHP、Ruby on Rails、JavaScript（Node.js、React）などによるWebアプリケーションのソースコードを、GUIベースのエディタから生成AIを用いて自動生成する。 Jitera（ジテラ）の「Jitera」は、Webアプリケーションの設計
今さらCloudFlare Pagesの手軽さに感動した話 - SO Technologies 開発者ブログ
1. CloudFlareとは みなさん、こんにちは。パートナービジネス（AG-Boost）事業部でエンジニアの清水です。 今日はCloudFlareに興味があり使ってみたところAWSとの違いに感動したのでそのことについて書きます。 CloudFlareは、ウェブサイトをより速く、安全にするためのサービスを提供している企業です。 CDNというイメージがありますが、AWSの「S3」に対応する「R2」や「CloudFront」「Route53」「S3」全ての機能を持ったPagesなどWebサービスを運用するための機能全般的に揃っています。 国内の大手企業でWebエンジニアをスタートした人はAWSかGCPを使うという選択肢になりなかなかCloudFlareを使う機会がないんじゃないかと思いますが使ってみたら色々とCloudFlareでいいんじゃね？ってなるくらいCloudFlareにハマると思い
本ページはプロモーションが含まれています。 ※ Amazonアソシエイトのショートリンクしか張れないようなので、近々普通のリンクに戻します。 私のブログで一番読まれていたのは下記の記事なのですが、やはり 「レバテック」「単価」「フリーランス」 に興味ある方は多いようです（※ 下記はWebエンジニアではなくインフラエンジニアの時の記事） ITゼネコン業界の闇 この時はインフラエンジニアとしてフリーランスを経験しました。SIer的な企業Aでサーバ構築案件を担当するはずが、顧客Bの都合（やっぱインフラでなくアプリの方に予算割くことにしたよ、てへっ）で顧客Bの業務が急遽なくなり（本来であればA⇔B間でも契約結んでいてそれが反故されることはないはずだが、日本の場合発注側がどうしても強いので、まかり通ってしまう）、結果企業Aで全く別案件の保守運用作業を担当することになりました。 はっ？って感じです。
React.jsのコード静的解析(セキュリティ編)
sonar.projectKey=vite-starter-guide sonar.projectName=vite-starter-guide sonar.sources=src sonar.tests=src/__tests__ sonar.test.inclusions=src/__tests__/**/*.spec.tsx, src/__tests__/**/*.spec.ts sonar.exclusions=src/__tests__/**/*.spec.tsx, src/__tests__/**/setup.ts sonar.testExecutionReportPaths=test-report.xml sonar.javascript.file.suffixes=.js,.jsx sonar.typescript.file.suffixes=.ts,.tsx sonar.
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
LaravelプロジェクトにReact導入その1 -導入 & API連携編-
RemixでUncaught Error: Hydration failedにハマった件について
React RouterでWebアプリのナビゲーションバーを作ったメモ - 適当おじさんの適当ブログ
Webアプリの設計書やコードをAIで自動生成する開発ツール「Jitera」 | IT Leaders
Webエンジニア3年目でフリーランスになってみた！