GitHub - kay-is/react-from-zero: A simple (99% ES2015 less) tutorial for ReactYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Learn JavaScript and React Patterns | Code Architecture Design Patterns in JS and React
Course DescriptionLearn a suite of design patterns to improve the code architecture of your web apps! You’ll get an overview of more traditional design patterns with JavaScript, such as the Singleton and Proxy patterns. Then see React patterns such as the Hooks and Higher Order Component patterns. Lastly, we’ll cover Performance patterns and Rendering Patterns. This course and others like it are a
Redruco: Truco para aprender Redux (Parte 1)
Vamos a hacer un tutorial paso a paso para construir una aplicación usando redux. Asumo que ya hicieron al menos una aplicación simple con ReactJS y conocen los conceptos básicos de: component, ciclo de vida del componente, props, state, y el patrón natural que surge en React de “pull-up” state (es decir subir el estado a los componentes más altos en la composición para así poder propagarlo y comp
React Holiday, 2023
This is a 25 day exploration of modern React. This year we're getting back to basics — building exceptional, extensible UI. Together, we'll build one component that touches everything: state, refs, context, composition, custom hooks, component modularization, and even accessibility! Learn everything you need to know about building robust UIs in React 🚀
Let’s Build a Pokedex with React: Part 1
I love building web apps with React. However, learning how to use the library and getting used to the React thinking can be difficult. I believe that personal projects are the best way to learn new things, and thus started to build a Pokedex with React. I had a lot of fun building it so I decided to make this beginners workshop for developers interested in learning how to use React. We are going t
Getting Started - Learn Next.js
Explore a database of job descriptions and unlock salary insights to navigate your career path confidently. Whether starting your first job search, planning your next career move, or just curious about the market, we provide the tools you need to succeed. SearchSearch What we offer📋 Job Descriptions & 💰 Salary Data to understand the core responsibilities, skills, and qualifications required for
Getting started with PreactJS — A Step By Step Guide
PreactJS is a fast 3kB alternative to React with the same ES6 APIFirst, some background…PreactJS is developed by Jason Miller — one of my programming heroes. The framework was developed with a goal of providing high performance, memory efficiency and close compatibility with React API with an aim to keep the footprint as small as possible i.e 3kb. Preact is increasingly getting adopted in the comm
React Express
What is React?React is a library for building user interfaces for the web and other platforms. This guide covers the fundamental aspects of React needed to build great web apps. If you're more interested in building mobile apps, consider checking out React Native Express instead. How to use this guideYou should use this guide as a companion to the official Facebook documentation for getting starte
Up and running with Preact
In this course we will begin with nothing more than an empty directory & a text editor. Through small, focussed lessons we’ll learn how to setup our app with Webpack & Babel and how to configure these tools for use with Preact. Then we’ll move on to learning how to create components and how the Preact API mirrors that of React - highlighting the differences/additions along the way. Finally we’ll l
React+Redux+Express+MongoDBでものすごくシンプルなCRUDアプリをつくる - Qiita
#概要 React+Redux+Express+MongoDBでCRUDアプリを作ります。 この記事の目的は、React/Reduxを触り始めた人が サーバーとの通信の方法（より一般的には非同期処理の方法） Reduxにおけるフォームの扱い ExpressによるAPI node.jsからのMongoDBの操作 Herokuへのデプロイ など、主にサーバー側のデータの操作に関わる基本的な事項を学ぶきっかけを作ることです。 この目的に集中するために、それ以外の点については一切気にしないことにします。 そのため、初心者以外の人（上記の内容を理解している人）がこの記事を読んでも得るものはないと思います。 この記事が書かれた背景には、少し前に自分自身がjavascriptによるフロントエンド開発からwebプログラミングを学び始めたころの経験があります。ReactやReduxの基本的な文法の理解を終え
EnzymeでReactコンポーネントのテストを書こう - DMM.comラボエンジニアブログ
こんにちは、プラットフォーム開発部の新卒エンジニアの松下です。 普段は会員基盤フロントエンドチームでログインやアカウント登録などの会員基盤システムの開発をしています。 早いものであと1ヶ月ちょっとで1年目が終了。春には次の新卒が入ってくるとのことで、うかうかしていられないなと思う今日このごろです。 さて本日はEnzymeを使ってReactのテストを書く方法を紹介したいと思います。 Enzymeは宿泊予約サイトのAirbnbが開発しているReactコンポーネントのテストツールです。 チームでは以前よりテスティングフレームワーク「Mocha」とアサーションライブラリ「Chai」でNode.jsアプリケーションの単体テストや結合テストを行ってきました。しかし、これらのツールだけではReactのテストを行うことができず、今回Enzymeの導入を検討することにしました。 目次 Enzymeのセットア
Context in ReactJS Applications - Jack Franklin
February 13, 2017Context in ReactJS ApplicationsThere is a lot of confusion amongst React developers on what context is, and why it exists. It's also a feature that's been hidden in the React documentation in the past and, although it is now documented on the React site I thought a post on its usage and when to use it would be of use. The short answer is that you should very rarely, if ever use co
Testing React Applications with Jest
ReactTesting React Applications with JestLearn how to test React applications with the Jest JavaScript testing framework. IntroductionWriting tests is an integral part of application development. Testing results in software that has fewer bugs, more stability, and is easier to maintain. In this article, we'll look at how to test a React application using the Jest testing framework. Jest is a JavaS
Next.js Practical Introduction Pt. 1: Pages and Layout
In this tutorial series, you'll be provided with a practical introduction to how Next.js can help you build web applications. Created by Vercel, a cloud company for hosting frontends and serverless functions, Next.js is a React framework capable of creating applications that run both on the client and the server, otherwise known as Universal JavaScript applications. This framework helps you build
Tutorial: Intro To React 翻訳 - Qiita
はじめに React Tutorialの翻訳です。英語そこまでできるわけでないので直訳なのと間違いは多々あるかと思いますのでご了承ください。 この翻訳は以下の2016/10/29時点のものとなります。 https://facebook.github.io/react/tutorial/tutorial.html 翻訳ここから チュートリアル：React入門 概要 我々が構築するもの 今日、我々は対話型な三目並べ（マルバツ）ゲームを構築します。我々はHTMLとJavaScriptに精通していることを前提としますが、あなたがたとえ以前に使ったことがなかったとしても後からついていくことができるべきです。 もしよければ、あなたは最終的な結果をここで確かめることができます: Final Result。ゲームを遊んでみてください。あなたはまたMoveリストとのリンクをクリックして「過去に戻る」ことがで
Routing React Apps: The Complete Guide | DigitalOcean
Introduction Routing is a key aspect of web applications (and even other platforms) could not be left out in React. We can make full-fleshed single-page applications with React if we harness the powers of routing. This does not have to be a manual process, we can make use of React-Router. In this guide, we will touch almost every aspect related to routing in React and there will be a demo so you w
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Build Yourself a Redux
GitHub - ericvicenti/intro-to-react: A Hands-On Walkthrough of your first React Web App
GraphQL & React tutorial (part 1/6)
React コトハジメ
