The Beginner’s Guide to ReactJS from @kentcdodds on @eggheadio

The Beginner's Guide to ReactJS - #react course by @kentcdodds

  • This course is for React newbies and those looking to get a better understanding of React fundamentals.
  • With a focus on React fundamentals, you’ll come out of this course knowing what problems React can solve for you and how it goes about solving those problems.
  • Each lesson in this course is just a single file which will help you keep your focus on learning React and not distracted by all the tools that make production applications work.
  • The course wraps up with a lesson on how to move from these files to a more production ready development environment and even how to deploy your app to a great service like Netlify.

This course is for React newbies and those looking to get a better understanding of React fundamentals. With a focus on React fundamentals, you’ll come out of this course knowing what problems React can solve for you and how it goes about solving those problems. You will have a good grasp on what JSX is and how it translates to regular JavaScript function calls and objects.
Each lesson in this course is just a single index.html file which will help you keep your focus on learning React and not distracted by all the tools that make production applications work. The course wraps up with a lesson on how to move from these index.html files to a more production ready development environment and even how to deploy your app to a great service like Netlify.
Enjoy!

Continue reading “The Beginner’s Guide to ReactJS from @kentcdodds on @eggheadio”

Setup React Native for iOS and Android

Setup React Native for iOS and Android

  • Your link to unlock this lesson will be sent to this email address.
  • We’ll also setup Android, Android Studio and get the project running on an emulator with the react-native run-android command.
  • Unlock this lesson and all 827 of the free egghead.io lessons, plus get React content delivered directly to your inbox!
  • In the lesson we’ll walk through the process of installing the react-native-cli through setting up a basic react-native project on iOS. We’ll get the basic project running in a simulator via XCode.
  • Member comments are a way for PRO Members to communicate, interact, and ask questions about a lesson.

In this lesson we’ll walk through the process of installing the react-native-cli through setting up a basic react-native project on iOS. We’ll get the basic project running in a simulator via XCode. We’ll also setup Android, Android Studio and get the project running on an emulator with the react-native run-android command.
Continue reading “Setup React Native for iOS and Android”

Get the Dimensions of a React Native Phone Screen

Get the dimensions of a #ReactJS Native phone screen:

  • Your link to unlock this lesson will be sent to this email address.
  • In the lesson we’ll use Dimensions to get the width and height of the screen.
  • Member comments are a way for PRO Members to communicate, interact, and ask questions about a lesson.
  • 1:10 React lesson by Jason Brown
  • Unlock this lesson and all 704 of the free egghead.io lessons, plus get React content delivered directly to your inbox!

In this lesson we’ll use Dimensions to get the width and height of the screen. Also we’ll use onLayout to detect orientation changes.
Continue reading “Get the Dimensions of a React Native Phone Screen”

Measure and Get the Position of a React Native Element

Measure and get the position of a #ReactJS Native Element:

  • Measure and Get the Position of a React Native Element
  • Your link to unlock this lesson will be sent to this email address.
  • In the lesson we’ll explore how to measure the dimensions and get the position of a React Native element using onLayout and UIManager.measure .
  • 2:14 React lesson by Jason Brown
  • Member comments are a way for PRO Members to communicate, interact, and ask questions about a lesson.

In this lesson we’ll explore how to measure the dimensions and get the position of a React Native element using `onLayout` and `UIManager.measure`. Additionally we’ll see how to use the helper function `measure` on the component ref for easier measurement.
Continue reading “Measure and Get the Position of a React Native Element”

Use Flex to Scale React Native Background Image

  • Your link to unlock this lesson will be sent to this email address.
  • In the lesson we will use Flexbox to scale a background image to fit on the screen of our React Native application.
  • Member comments are a way for PRO Members to communicate, interact, and ask questions about a lesson.
  • 1:44 React lesson by Jason Brown
  • Unlock this lesson and all 635 of the free egghead.io lessons, plus get React content delivered directly to your inbox!

In this lesson we will use Flexbox to scale a background image to fit on the screen of our React Native application.
Continue reading “Use Flex to Scale React Native Background Image”

AngularJS University

Lesson 1: Why You Should Be Using #Angular2 Lesson 2: Learn ES6/TypeScript core concepts

  • Talk about another exciting feature that GreatCompany has in the works.
  • Talk about one of the biggest features that your new website is going to have.
  • All rights reserved and other such important stuff.
  • Talk about a really cool benefit about GreatCompany.
  • Why should people start getting excited?

Read the full article, click here.


@AngularJS_News: “Lesson 1: Why You Should Be Using #Angular2 Lesson 2: Learn ES6/TypeScript core concepts”


Joe Eames, founder of ng-conf, will teach you why you should use Angular2 in Lesson 1. Enroll to get it now and to get more information about learning AngularJS from industry leading developers like John Papa and Dan Wahlin.


AngularJS University

React Fundamentals: Component Lifecycle

#ReactJS fundamentals: Component lifecycle – Mounting usage

  • Your link to unlock this lesson will be sent to this email address.
  • In the lesson, we’re going to talk about how we can use the component mounting lifecycle phases of our component.
  • The previous lesson introduced the React component lifecycle mounting and unmounting.
  • In the lesson you will learn some simple uses for these hooks.
  • We were able to change the state before the component mounted.

Read the full article, click here.


@ReactiveConf: “#ReactJS fundamentals: Component lifecycle – Mounting usage”


The previous lesson introduced the React component lifecycle mounting and unmounting. In this lesson you will learn some simple uses for these hooks.


React Fundamentals: Component Lifecycle