New & Upcoming Course Highlights: Introduction to Core Data & React Native

Read more about our new #ReactNative and #CoreData courses here:  #learntocode

  • Here’s a short list of what we’ve added recently, upcoming course highlights, and our weekly video update of What’s New at Treehouse.
  • React Native is a great option for creating performant iOS and Android applications that feel at home on their respective platforms, all while building on any previous web development experience.
  • In this course we will be building the ultimate superhero app.
  • By the end of this course you should have the confidence to build upon the app that we started and take it to the next level.
  • Saving data on your device is a fundamental part of building apps and in this course we’re going to learn how to use the Core Data framework to persist data between launches by building a simple to-do list app.

Every week, new courses and workshops are published to the growing Treehouse Library! Here’s a short list of what we’ve added recently, upcoming course highlights, and our weekly video update of What’s New at Treehouse.
Continue reading “New & Upcoming Course Highlights: Introduction to Core Data & React Native”

Introduction to React Native Course

  • Brandy is a developer, designer, and doer, that could out hustle Jay-Z.
  • She is a full stack developer, with an enthusiasm for application development and learning the latest technologies.

React Native is a great option for creating performant iOS and Android applications that feel at home on their respective platforms, all while building on any previous web development experience. One of its greatest advantages is that it is written in JavaScript and with that you can maximize code reuse between platforms. This course is going to go through the basics of React Native, Redux, third party API integration and the best ways to structure your React Native projects for success. In this course we will be building the ultimate superhero app. This app will let you build the superhero team of your dreams, well if you dream in Marvel that is. By the end of this course you should have the confidence to build upon the app that we started and take it to the next level.
Continue reading “Introduction to React Native Course”

Getting Started with Expo React Native and Styled Components using a Netflix Clone example

  • For me it opens it up in Sublime Text Editor, but since I prefer to use WebStorm, I just manually find where the project was created and open the project using WebStorm.Your initial project structure should look something like this:Lets create the basic outline of this project, I like to structure my project by putting everything in a ‘src’ folder and then splitting it up from there.Create a ‘src’ folder and create a ‘components’ directory with a ‘common’, ‘navigation’, and ‘screens’ subdirectories.
  • I also use this file to store any other common styling attributes such as font sizes, and padding/margin lengths.You will also need to grab some images and put them in your /assets directory or you can use the ones that I picked out in here: grab the Netflix logo icon and put it under assets/icons directory: project directory structure should look something like this:I like to make my imports look clean, so I would recommend that you install the babel plugin `babel-plugin-module-alias`.
  • babelrc file, (located in your root project directory) you will need to add the module-resolver field and since we’re having all our files in the /src directory, you need to set the root to src .
  • babelrc file should look like this:Now lets install react-navigation and styled-components by going into the terminal and navigating to the root project directory, and type in `npm install react-navigation — save“npm install Constants and Dummy DataIn our constants/styles.
  • js like so:In your we can now use our HomeScreen and ShowDetailsScreen in the StackNavigator config, like so:Now lets go back to our App.js file, and create a DrawerNavigator with the HomeStackNavigator as it’s initial route in the drawerRouterConfigNow hopefully if everything works, you should be able to load up the iOS simulator and you should see something like this:All the code is has been a really great tool to bootstrap my react native projects and I highly recommend it to anyone that wants to quickly get started with React Native.

In your /src/components/navigation/home-stack-navigator.js , we can now use our HomeScreen and ShowDetailsScreen in the StackNavigator config, like so: Now lets go back to our App.js file, and create…
Continue reading “Getting Started with Expo React Native and Styled Components using a Netflix Clone example”

Getting Started with Expo React Native and Styled Components using a Netflix Clone example

  • For me it opens it up in Sublime Text Editor, but since I prefer to use WebStorm, I just manually find where the project was created and open the project using WebStorm.Your initial project structure should look something like this:Lets create the basic outline of this project, I like to structure my project by putting everything in a ‘src’ folder and then splitting it up from there.Create a ‘src’ folder and create a ‘components’ directory with a ‘common’, ‘navigation’, and ‘screens’ subdirectories.
  • I also use this file to store any other common styling attributes such as font sizes, and padding/margin lengths.You will also need to grab some images and put them in your /assets directory or you can use the ones that I picked out in here: grab the Netflix logo icon and put it under assets/icons directory: project directory structure should look something like this:I like to make my imports look clean, so I would recommend that you install the babel plugin `babel-plugin-module-alias`.
  • babelrc file, (located in your root project directory) you will need to add the module-resolver field and since we’re having all our files in the /src directory, you need to set the root to src .
  • babelrc file should look like this:Now lets install react-navigation and styled-components by going into the terminal and navigating to the root project directory, and type in `npm install react-navigation — save“npm install Constants and Dummy DataIn our constants/styles.
  • js like so:In your we can now use our HomeScreen and ShowDetailsScreen in the StackNavigator config, like so:Now lets go back to our App.js file, and create a DrawerNavigator with the HomeStackNavigator as it’s initial route in the drawerRouterConfigNow hopefully if everything works, you should be able to load up the iOS simulator and you should see something like this:All the code is has been a really great tool to bootstrap my react native projects and I highly recommend it to anyone that wants to quickly get started with React Native.

In your /src/components/navigation/home-stack-navigator.js , we can now use our HomeScreen and ShowDetailsScreen in the StackNavigator config, like so: Now lets go back to our App.js file, and create…
Continue reading “Getting Started with Expo React Native and Styled Components using a Netflix Clone example”

Useful React Native NPM Scripts — Komenco Blog — Medium

  • The fresh-start script run the fresh-install and starts a clean-cached React Native packager.
  • I use these in all of my React Native projects and it really helps when things start getting weary (random failing builds, issues on library imports, and so on).
  • Feel free to use these scripts as I’m sure they can help speed up your React Native development as well.
  • Useful React Native NPM Scripts
  • Because of that, I’ve created a set of NPM scripts that have helped kickstart my React Native projects.

Read the full article, click here.


@SGoresht: “Useful #Reactjs #reactNative @NPM Scripts — #JavaScript”


Coming from a web development background, React Native can seem like a Holy Grail of sorts. The sheer ability to use Javascript (and React…


Useful React Native NPM Scripts — Komenco Blog — Medium

The caveats of using Navigator in React Native — NativeBase.io Blog

The caveats of using Navigator in #ReactJS Native:

  • As we kept pushing new views to the navigator, the app started to slow down and lag.
  • Navigator is not like the routers of the web
  • We have been quite into it ever since, with the pro version of Native Starter and now NativeBase , an open source framework to write React Native apps being one of our works.
  • When we pushed views into the navigator, the navigator got stacked with new pages.
  • The caveats of using Navigator in React Native

Read the full article, click here.


@ReactiveConf: “The caveats of using Navigator in #ReactJS Native:”


After having a great experience of working with React, we did not leave much time to try our hands on React Native when it went open source…


The caveats of using Navigator in React Native — NativeBase.io Blog