Learning React Native, Chapter 2: Working With React Native

How React Native Works?

React works with a virtual DOM.  React computes the necessary changes in memory, and only refreshes the DOM when necessary.  React Native works in a similar fashion.  The virtual DOM is replaced with Native objects on the mobile platform.  There is nothing special about Android, iOS, or the web.  Those are the bridges that existed in React Native.  People have written bridges for Linux, OSX, and Windows.

Rendering Lifecycles

The page renders, components are mounted to the DOM, and then React Components are rendered.  When a state or props changes, the difference is computed in the Virtual DOM, and React renders the new components.

Creating Components in React Native

React Native components are largely the same as the React Components

Working With Views

Instead of using HTML elements, you use platform specific components for React Native.  The most basic which is similar to a
in HTML.  

Using JSX

JSX is a combination of markup and JavaScript.  Instead of separating technologies (CSS, HTML, JavaScript), JSX separates concerns.

Styling Native Components

When using React on the web, we use CSS to style components, and we typically place these in their own files.  In React Native, we use inline styles.  React Native has utilities to make this easier.  It can be a quite a change from what you are used to as a Web Developer.

Host Platform APIs

React also has good support for native API's.  You won't have access to all the platform specific APIs.  In this case, you may have to write your own, or find components that others have written.  Host specific APIs can also your ability to reuse code.  It can be hard to reuse React Native code, if you are also writing for the web. 

Comments

Post a Comment

Popular posts from this blog

Go Programming Blueprints, Chapter 2, Adding User Accounts

A universal truth in programming is that there are relatively few unique unsolved problems.  What tasked with a new problem, always see what other solutions exist and how we can solve our new one.  In this instance, we are going to use open source solutions to auth against existing services. Handlers all the way down Everything we write will be http handlers.  This allows us to encapsulate objects as far down the chain as needed.  Making pretty social sign in page We get a quick lesson on bootstrap, and why and how to use it.  There are two methods to showing our bootst rap.  We can leave it hosted on a CDN or add it to our assets folder.  Endpoints with Dynamic Paths Go doesn't support the most robust path selections (/path/options), such as ruby on rails or Django python.  As with everything Go, there are open source packages we can use to help with this functionality.  We will use string.split to break our argument paths in the re...
Read more

Successful Big Game Hunting Chapter 10

Chapter 10: Short Course on Bear Hunting As with all the short course chapters, this is a quick chapter on hunting different types of bears.  Mr. Gilchrist has several tips on the different types of bears, and tips on how to distinguish between them.  In at least one western state, there is a test on how to visually tell the difference between a grizzly bear and a black bear. Of course he as tips on how to prepare a bear hide for for taxidermy, and how to score a bear as a trophy.  He also has several tips on how to tell if a bear is a trophy. Favorite Quote: "Bears often react violently to a superficial hit.  He may fall as though mortally wounded, when only hit in the paw"
Read more