React Lifecycle Events for Sencha Devs

  • A big plus is that, like ExtJS, React’s components have some simple lifecycle events.
  • Lucky for us, we can use our knowledge of ExtJS lifecycle events to help us understand React’s and that gives us a nice place to start learning.
  • If you set the component state here you will still only get the initial render and not an extra one.
  • As you’d expect, this method is called just before our component is removed from the DOM.
  • I hope you found this quick ExtJS React event comparison helpful.

Welcome Sencha developer! So, you want to learn React. Maybe you’re wondering where to start? Well, getting a basic understanding of React’s components is a great place to start. A big plus is that, like ExtJS, React’s components have some simple lifecycle events. Lucky for us, we can use our knowledge of ExtJS lifecycle events to help us understand React’s and that gives us a nice place to start learning. So, let’s take a quick look at them and see if we can understand when to use each one.
Continue reading “React Lifecycle Events for Sencha Devs”

Carry #GitHub in your pocket with #GitPoint: #ReactJS #ReactNative

Carry #GitHub in your pocket with #GitPoint:  #ReactJS #ReactNative

  • Built with React Native, GitPoint is the most feature-rich unofficial GitHub client that is 100% free.
  • A few of the things you can do with GitPoint:

    Feel free to send me feedback on twitter or file an issue.

  • Also, if there’s anything you’d like to chat about, please feel free to join our gitter chat!
  • Please take a look at the contributing guidelines for a detailed process on how to build your application as well as troubleshooting information.
  • Feel free to use them or use a new set of keys by creating an OAuth application of your own

git-point – GitHub in your pocket :iphone:
Continue reading “Carry #GitHub in your pocket with #GitPoint: #ReactJS #ReactNative”

Jest: Test suite with superpowers 😎

  • No need to write test cases for each component returned by render method.
  • The test case will look somthing like this:

    Whenever Jest sees this line , it is going to generate a snapshot and compare it with stored snapshot.

  • Snaps should be there in each dev’s machine so that if one of the devs changes some other component unknowingly, the snap test for that component will fail and he/she would know before pushing it.
  • You can also have a look at the example test case in our boilerplate code here.
  • We will write test case for the methods including snapshot test.

Jest: Test suite with superpowers 😎
Continue reading “Jest: Test suite with superpowers 😎”

[NNM #3] React Image Fallback

just blogged: #React #Image #Fallback – handling missing images  #javascript #reactjs #npm

  • Instead of showing the image conditionally, we can use the React Image Fallback component.
  • Today I will show you a React Image Fallback module.
  • How to install and use the React Image Fallback module
  • The src props is for setting the path to the image we want to show.
  • [NNM #3] React Image Fallback – handling missing images

The third post from the “NPM Module of the Month” series. This time I will show you how to handle missing images with React Image Fallback component.
Continue reading “[NNM #3] React Image Fallback”

React-Native Components And Code-Skeleton Walkthrough

#ReactNative Components & Code-Skeleton Walkthrough by @ksr007 cc @CsharpCorner

  • Its very obvious how to tell react Application about the root component (like index.html of any Web Application).
  • We also tried to understand how a react-native component is created and registered in the app.
  • Actual React Native framework code is installed locally into your project when you run react-native init because react-native init calls npm install react-native.
  • As you can see in the code, some styles are applied.
  • We declare the components in ES6( ES 2015 )format.

Read the full article, click here.


@CsharpCorner: “#ReactNative Components & Code-Skeleton Walkthrough by @ksr007 cc @CsharpCorner”


In this article, you will learn about React-Native components and Code-Skeleton walkthrough.


React-Native Components And Code-Skeleton Walkthrough

An Unfair Head Start for your React Native Apps.

The ideal starting app for React Native ! go to  #reactnative @infinite_red

  • Every component you write can have a live example for the Style Guide in the Component Examples screen.
  • An Unfair Head Start for your React Native Apps.
  • Help identify differences with the Device Info screen.
  • 3rd party libraries and functionality examples can be demonstrated on our Usage Examples screen.
  • We use our generators to stub screens and functionality that every app needs!

Read the full article, click here.


@steevivo: “The ideal starting app for React Native ! go to #reactnative @infinite_red”


Ignite is an active React Native repo, invaluable to neophytes as well as seasoned
professionals. As React Native grows in strength, so does Ignite.


An Unfair Head Start for your React Native Apps.