Ext JS to React: Advanced Templating

  • Previously, we looked at simple template examples with Ext JS and React.
  • This includes the use of member functions and inline value formatters from Ext JS and how the same techniques are accomplished with React.
  • The equivalent changes in React would be: – – To use the Members class (with the same data we set up for the Ext JS example above): – – In JSX, anything between curly braces can be JavaScript.
  • The method is akin to using “template member functions” in Ext JS’s XTemplates.
  • Although this isn’t required (it’s preferred to keep inline for such a simple check), it still serves as a good example of calling class methods within JSX.

Previously, we looked at simple template examples with Ext JS and React. In this blog, we’d like to look at some more advanced examples. This includes the use of member functions and inline value formatters from Ext JS and how the same techniques are accomplished with React. For consistency, we’ll use the same data set defined in the Simple Templating post.
Continue reading “Ext JS to React: Advanced Templating”

Part 1: Getting Started With React Native

Ch 11

  • React Native just may be the holy grail of cross-platform app development that many developers and companies have been hoping for.
  • Using React Native, developers can build performant cross-platform native apps much easier than ever before, all with a single programming language: JavaScript.
  • With the growing demand for apps and the increasing complexity that app development entails, React Native comes along at a perfect time.
  • If you’re serious about app development or want to stay ahead of the curve on emerging and disruptive technologies, take a look at React Native.
  • “Great introduction to the rapidly changing world of React and React Native!”

React Native just may be the holy grail of cross-platform app development that many developers and companies have been hoping for. Using React Native, developers can build performant cross-platform native apps much easier than ever before, all with a single programming language: JavaScript. With the growing demand for apps and the increasing complexity that app development entails, React Native comes along at a perfect time. If you’re serious about app development or want to stay ahead of the curve on emerging and disruptive technologies, take a look at React Native.
Continue reading “Part 1: Getting Started With React Native”

React Native with MobX — Getting Started – React Native Training – Medium

  • Our App component will have access to the store as props.
  • Let’s create the App component.
  • Now that we have a store created, let’s to into the index file of the app and change the entry point to use the store and add create the navigation.
  • The app will have two main components, one that will allow us to create new lists and one that will allow us to add new items to our list.
  • We will have access to our store methods as props from our store and will be using them to interact with our app state.

Here, we will combine MobX and React Native to create a simple list app. If you’re looking to see how to get started with MobX and React…
Continue reading “React Native with MobX — Getting Started – React Native Training – Medium”

React Native with MobX — Getting Started — Medium

Get started with #ReactJS Native with MobX:

  • Our App component will have access to the store as props.
  • Let’s create the App component.
  • Now that we have a store created, let’s to into the index file of the app and change the entry point to use the store and add create the navigation.
  • Create an observable array called list
  • The app will have two main components, one that will allow us to create new lists and one that will allow us to add new items to our list.

Read the full article, click here.


@ReactiveConf: “Get started with #ReactJS Native with MobX:”


Here, we will combine MobX and React Native to create a simple list app. If you’re looking to see how to get started with MobX and React…


React Native with MobX — Getting Started — Medium