Skip to content

Latest commit

 

History

History
500 lines (416 loc) · 34.5 KB

tutorials.md

File metadata and controls

500 lines (416 loc) · 34.5 KB
Raw

Bookmarks tagged [tutorials]

www.bookmarks.dev/tagged/tutorials

10 Best YouTube Channels to Learn Web Development - ReadWrite

https://readwrite.com/2019/12/17/10-best-youtube-channels-to-learn-web-development/

One of the best ways to learn to code without spending any money is by subscribing to web developer masters on Youtube. 

The Modern JavaScript Tutorial

https://javascript.info/

Modern JavaScript Tutorial: simple, but detailed explanations with examples and tasks, including: closures, document and events, object oriented programming and more.

React Official Tutorial

https://facebook.github.io/react/docs/tutorial.html

Using React in Visual Studio Code

https://code.visualstudio.com/docs/nodejs/reactjs-tutorial

React JavaScript tutorial showing IntelliSense, debugging, and code navigation support in the Visual Studio Code editor.

Scrimba - Learn React for free interactively

https://scrimba.com/g/glearnreact

This tutorial course contains 48 interactive screencasts and is the perfect starting point for aspiring React developers. You'll learn all the key concepts while building two apps and doing coding cha...

FreeCodeCamp React Challenges

https://learn.freecodecamp.org/front-end-libraries/react

Learn to code with free online courses, programming projects, and interview preparation for developer jobs.

React Cheatsheet

https://devhints.io/react

React.Component · render() · componentDidMount() · props/state · dangerouslySetInnerHTML · React is a JavaScript library for building user interfaces. This guide targets React v15 to v16.

React Patterns

https://reactpatterns.com/

React patterns from beginners to advanced developers. Simple examples, short descriptions, and quality advice.

Setup Flow with React

https://flow.org/en/docs/react/

Learn how to setup React with Flow

React Native Tutorial

https://facebook.github.io/react-native/docs/tutorial.html

React Native is like React, but it uses native components instead of web components as building blocks. So to understand the basic structure of a React Native app, you need to understand some of th... * **tags**: [reactjs](../tagged/reactjs.md), [react-native](../tagged/react-native.md), [tutorials](../tagged/tutorials.md) --- #### [Introducing React Native: Building Apps with JavaScript](http://www.raywenderlich.com/99473/introducing-react-native-building-apps-javascript) _http://www.raywenderlich.com/99473/introducing-react-native-building-apps-javascript_

Error retrieving description

Introduction to React Native: Building iOS Apps with JavaScript

http://www.appcoda.com/react-native-introduction/

React native allows you to develop native iOS apps with Javascript. In this tutorial, we will show you how to use the framework to create a simple iPhone app.

React Native Meets Async Functions

https://medium.com/the-exponent-log/react-native-meets-async-functions-3e6f81111173

Great patterns for concurrency are one thing that make a codebase nice to work on. For user interfaces in particular, concurrency is what lets an app respond to gestures while it performs other work…

Gesture detection in React Native – fixing unexpected panning

http://blog.lum.pe/gesture-detection-in-react-native-fixing-unexpected-panning/

Use The iOS Camera In Your React Native Mobile App

https://blog.nraboy.com/2015/09/use-the-ios-camera-in-your-react-native-mobile-app/

Learn how to use the native device camera to capture images in your React Native iOS mobile application.

The Beauty Of React Native: Building Your First iOS App With JavaScript (Part 1)

https://www.smashingmagazine.com/2016/04/the-beauty-of-react-native-building-your-first-ios-app-with...

These frameworks and the whole idea of building mobile apps with JavaScript never appealed to me, though. I always thought, why not just learn Swift/Objective-C or Java and build real apps? That d...

The Beauty Of React Native: Building Your First iOS App With JavaScript (Part 2)

https://www.smashingmagazine.com/2016/04/how-to-build-your-first-ios-app-with-javascript/

In part 1 of this tutorial we started building our iOS app from scratch. We s...

A Mini-Course on React Native Flexbox

https://medium.com/@yoniweisbrod/a-mini-course-on-react-native-flexbox-2832a1ccc6

Warning! This design post does not contain any drawings or diagrams. It’s a different approach, but hang in there — I find that it makes it easier to remember concepts when you have to visualize…

Test driving react native applications

http://www.multunus.com/blog/2016/07/test-driving-react-native-applications/

Using React Native With TypeScript

https://medium.com/@jan.hesters/using-typescript-with-react-native-946aa4b4ae6f

Note: This tutorial assumes that you are familiar with TypeScript and React. Otherwise, you might first want to read up on them. NOTE: This article was first posted on my blog. I publish each…

Building Applications with React and Flux

https://www.pluralsight.com/courses/react-flux-building-applications

Get started with React, React Router, and Flux by building a data-driven application that manages Pluralsight course data. This course uses a modern client-side development stack including create-reac...

Flux: A simple architecture model to build Client-side apps

https://speakerdeck.com/pedronauck/flux-a-simple-architecture-model-to-build-client-side-apps

Isomorphic Flux examples using Dispatchr and Fetchr from Yahoo

https://github.com/yahoo/flux-examples

Isomorphic Flux examples with Fluxible. Contribute to YahooArchive/flux-examples development by creating an account on GitHub.

Async requests with React.js and Flux

http://www.code-experience.com/async-requests-with-react-js-and-flux-revisited/

Implementing Flux in CoffeeScript

https://archive.fo/l9ih6

React: Flux Architecture

https://egghead.io/series/react-flux-architecture

Flux is the application architecture that Facebook uses for building client-side web applications. It complements React's composable view components by utilizing a unidirectional data flow. It's more ...

Understanding Flux

https://medium.com/@garychambers108/understanding-flux-f93e9f650af7

At the recent F8 developer conference, Tom Occhino, Pete Hunt and Jing Chen from the Facebook engineering team gave insight into the architecture that powers some of the social network’s web…

Yo in Flux

http://davidandsuzi.com/yo-in-flux/

Once Flux was introduced into the codebase, things started to get a lot nicer, because the data was located in one centralized file (the “Store”) and components subscribed to it for changes. Actions w...

React.js architecture - Flux VS Reflux

http://blog.krawaller.se/posts/react-js-architecture-flux-vs-reflux/

A web developer blog talking mostly about JavaScript

Avoiding Event Chains in Single Page Applications

http://www.code-experience.com/avoiding-event-chains-in-single-page-applications/

ReactJS and Flux

http://christianalfoni.github.io/javascript/2014/08/20/react-js-and-flux.html

Deconstructing ReactJS's Flux

http://spoike.ghost.io/deconstructing-reactjss-flux/

Flux Step By Step

http://blogs.atlassian.com/2014/08/flux-architecture-step-by-step/

Flux in practice

https://medium.com/@garychambers108/flux-in-practice-ec08daa9041a

In my previous post, I extolled the virtues of Flux, echoing many of the points given by the Facebook engineers in their excellent F8 talk on the topic. It amounted to a high-level overview of what…

What is the Flux Application Architecture?

https://medium.com/brigade-engineering/what-is-the-flux-application-architecture-b57ebca85b9e

Flux is an idea for organizing your application that was developed at Facebook, based on one simple principle: This is called “unidirectional data flow”, but it might be easier to remember if you…

React + Flux Backed by Rails API: Part 1

http://fancypixel.github.io/blog/2015/01/28/react-plus-flux-backed-by-rails-api/

Fancy Pixel 28 Jan 2015 React + Flux Backed by Rails API - Part 1 I’ve been working on a frontend for a project we are developing here at …

React + Flux Backed by Rails API: Part 2

http://fancypixel.github.io/blog/2015/01/29/react-plus-flux-backed-by-rails-api-part-2/

Fancy Pixel 29 Jan 2015 React + Flux Backed by Rails API - Part 2 This is the second part of “React + Flux backed by Rails API”, make …

React + Flux Backed by Rails API: Part 3

http://fancypixel.github.io/blog/2015/01/30/react-plus-flux-backed-by-rails-api-part-3/

Fancy Pixel 30 Jan 2015 React + Flux Backed by Rails API - Part 3 This is the last part of “React + Flux backed by Rails API”, make sure …

Flux Cargo-Culting

https://medium.com/@cassiozen/flux-cargo-culting-3cae9ff27c0c

When Facebook presented Flux, the architecture they were using internally to develop applications (specially coupled with React), they didn’t provide a reference implementation — just the concept of…

The Case for Flux

https://medium.com/@dan_abramov/the-case-for-flux-379b7d1982c6

Flux has become trendy in the past few months, and you’ve seen everyone and their dog roll out their own implementations. The momentum around this pattern is so hard to ignore that, if you are a…

The Evolution of Flux Frameworks

http://medium.com/@dan_abramov/the-evolution-of-flux-frameworks-6c16ad26bb31

There has been no shortage of great Flux implementations, such as Flummox, Alt, or Fluxible. Most of them are focused on making Flux easier to use with the server rendering and reducing the…

React with Flux by example - a simple Todo List dissected

http://reactkungfu.com/2015/07/react-with-flux-by-example-simple-todo-list-dissected/

React.js comes with a variety of tools and ideas behind it. There are many awesome tools that can work along with React really well. One of the most interesting ideas behind React is how the whole fro...

FOR FLUX SAKE! - a beginners tutorial

https://github.com/MIJOTHY/FOR_FLUX_SAKE

A beginner's tutorial for using flux with react. Contribute to MIJOTHY/FOR_FLUX_SAKE development by creating an account on GitHub.

Simple Counter App with React and Nuclear JS

https://github.com/haochuan/random-notes/blob/master/react/couter-app-with-react-nuclear.md

Contribute to haochuan/random-notes development by creating an account on GitHub.

LearnCode.academy Flux Tutorial Series

https://www.youtube.com/watch?v=PvjNglsyOHs&list=PLoYCgNOIyGABj2GQSlDRjgvXtqfDxKm5b&index=9

Let's build a Flux app with React. Flux is a pattern that Facebook created for building consistent, stable web apps with React. React really doesn't give us ...

Building Applications with React and Redux in ES6

https://www.pluralsight.com/courses/react-redux-react-router-es6

Learn how to use React, Redux, React Router, and modern JavaScript to build an app with React. Use Webpack, Babel, Jest, React Testing Library, Enzyme, and more to build a custom React development env...

Getting Started with Redux

https://egghead.io/series/getting-started-with-redux

In this comprehensive tutorial, Dan Abramov - the creator of Redux - will teach you how to manage state in your React application with Redux. State management is absolutely critical in providing users...

Building React Applications with Idiomatic Redux

https://egghead.io/series/building-react-applications-with-idiomatic-redux

This course will pick up where we left off with the Redux Fundamentals course. If you haven't watched that yet, you are highly encouraged to do so! You are about to learn practical production ready te...

Getting Started with React, Redux and Immutable: a Test-Driven Tutorial: Part 1

http://www.theodo.fr/blog/2016/03/getting-started-with-react-redux-and-immutable-a-test-driven-tutor...

Getting Started with React, Redux and Immutable: a Test-Driven TodoMVC Tutorial

Getting Started with React, Redux and Immutable: a Test-Driven Tutorial: Part 2

http://www.theodo.fr/blog/2016/03/getting-started-with-react-redux-and-immutable-a-test-driven-tutor...

Getting Started with React, Redux and Immutable: a Test-Driven TodoMVC Tutorial (Part 2)

Full-Stack Redux Tutorial

http://teropa.info/blog/2015/09/10/full-stack-redux-tutorial.html

Tero Parviainen

Server-Side Rendering with Redux and React-Router

https://www.codementor.io/reactjs/tutorial/redux-server-rendering-react-router-universal-web-app

Learn how to use Redux and React-Router to do server-side rendering.

Deep Introduction to Redux

https://www.codementor.io/reactjs/tutorial/intro-to-react-redux-pros

At Codementor, we’ve used React + Redux to build several projects. This tutorial is an introduction to React Redux.

Unit Testing Redux Apps

https://www.codementor.io/reactjs/tutorial/redux-unit-test-mocha-mocking

I’ll talk about the problems I faced when trying to test Redux code and how I solved them. I’ll also talk about how to make sure your webpack loaders won’t interfere with your tests.

Secure Your React and Redux App with JWT Authentication

https://auth0.com/blog/2016/01/04/secure-your-react-and-redux-app-with-jwt-authentication/

Build an Image Gallery Using React, Redux and redux-saga

http://joelhooks.com/blog/2016/03/20/build-an-image-gallery-using-redux-saga

Articles and notes from the co-founder of egghead.io. Musings on software, business, and life.

A simplified approach to calling APIs with redux

http://www.sohamkamani.com/blog/2016/06/05/redux-apis/

Redux has taken the web development by storm, and after the success of react and flux, it has made the flux philosophy more accessible…

React Redux based blood donor demo application

https://github.com/smanne/reduxnor

React Redux based blood donor demo application. Contribute to smanne/reduxnor development by creating an account on GitHub.

LearnCode.academy Redux Tutorials Series

https://www.youtube.com/watch?v=1w-oQ-i1XB8&list=PLoYCgNOIyGABj2GQSlDRjgvXtqfDxKm5b&index=15

This Redux tutorial series will show you the schematics of a Redux application. Redux is AWESOME, but it takes a bit to get it setup. There really aren't a l...

Practical Redux

https://blog.isquaredsoftware.com/series/practical-redux/

A Complete React Redux Tutorial for Beginners

https://daveceddia.com/redux-tutorial/

Perfect for beginners. Learn to use Redux with React, starting with plain React. Reducers, actions, thunks, fetching data - understand the jargon and how it all fits together.

Ten minute introduction to MobX and React

https://mobxjs.github.io/mobx/getting-started.html

Ten minute introduction to MobX + React

Manage Complex State in React Apps with MobX

https://egghead.io/courses/manage-complex-state-in-react-apps-with-mobx

MobX is designed to enable building web applications with a complex data model in an intuitive and very performant manner. Using React and MobX is currently the simplest way to build component based w...

Refactor your application from Redux to MobX

http://www.robinwieruch.de/mobx-react

Refactor your React application from Redux to MobX. Use MobX instead of Redux for state management in React JS. Get to know actions, reactions and derivations in MobX and best practices...

Redux or MobX: An attempt to dissolve the Confusion

https://www.robinwieruch.de/redux-mobx-confusion/

Using Redux or MobX in your React application? The article shows you all the differences between both state management libraries that can be used in React. It gives you guidance to learn MobX vs Redux...

GraphQL Introduction

http://facebook.github.io/react/blog/2015/05/01/graphql-introduction.html

First Thoughts on GraphQL

http://hueypetersen.com/posts/2015/02/02/first-thoughts-on-graph-ql/

Modeling Queries in a GraphQL Like Way

http://hueypetersen.com/posts/2015/02/08/modeling-queries-graph-ql-like/

Thin and Graphy

http://hueypetersen.com/posts/2015/02/22/thin-and-graphy/

GraphQL Tour: Variables

https://medium.com/the-graphqlhub/graphql-tour-variables-58c6abd10f56#.wj9dsgyoy

Browsing the GraphQL specification, you might stumble into the section on variables and wonder, “Why on earth GraphQL does have variables?” In plain-English, this query says it accepts one variable…

How to Graphql - The Fullstack Tutorial for GraphQL

https://howtographql.com/

Fullstack GraphQL Tutorial to go from zero to production covering all basics and advanced concepts. Includes tutorials for Apollo, Relay, React and NodeJS.

official Relay Getting Started

https://facebook.github.io/relay/docs/en/introduction-to-relay.html

Relay is a JavaScript framework for building data-driven React applications powered by GraphQL, designed from the ground up to be easy to use, extensible and, most of all, performant. Relay accompl... * **tags**: [reactjs](../tagged/reactjs.md), [relay](../tagged/relay.md), [tutorials](../tagged/tutorials.md) --- #### [Getting Started with Relay](https://auth0.com/blog/2015/10/06/getting-started-with-relay/) _https://auth0.com/blog/2015/10/06/getting-started-with-relay/_

Trying React Hooks for the first time with Dan Abramov

https://www.youtube.com/watch?v=G-aO5hzo1aw

💛 Brilliant - Interactive courses on computer science https://brilliant.org/fff (Sponsored - use link to get 20% off annual subscription) 🔗 Dan Abramov on Tw...

redux-tutorial

https://github.com/happypoulp/redux-tutorial

Learn how to use redux step by step. Contribute to happypoulp/redux-tutorial

The Complete Beginner's Guide to Deploying Your First Static Website to IPFS

https://interplanetarygatsby.com/ipfs-deploy/

tldr: cd your-website && npx @agentofuser/ipfs-deploy

Nodeschool

http://nodeschool.io

Learn Node.js with interactive lessons.

The Art of Node

https://github.com/maxogden/art-of-node/#the-art-of-node

An introduction to Node.js.

stream-handbook

https://github.com/substack/stream-handbook

How to write Node.js programs with streams.

module-best-practices

https://github.com/mattdesl/module-best-practices

Some good practices when writing new npm modules.

The Node Way

http://thenodeway.io

An entire philosophy of Node.js best practices and guiding principles exists for writing maintainable modules, scalable applications, and code that is actually pleasant to read.

You Don't Know Node.js

https://github.com/azat-co/you-dont-know-node

Introduction to Node.js core features and asynchronous JavaScript.

Portable Node.js guide

https://github.com/ehmicky/portable-node-guide

Practical guide on how to write portable/cross-platform Node.js code.