So you want to learn React.js? – EdgeCoders

So you want to learn React.js?

☞ 

#javascript #ReactJS

  • This is a good thing, React is a library that does one thing really well, but it’s not the answer to everything.However, identify whether what you’re currently learning is React or not, mainly so that you don’t get confused about your effort to learn React itself.
  • This is not counting the tools and other libraries that complete React like for example, Redux or Relay.There is an important question about the order with which you need to learn things.
  • I like to be specific about this here, so if you don’t know how to map or reduce an array, or if you don’t understand the concept of closures and callbacks, or if seeing “this” in JavaScript code confuses you, you’re not ready for React and you still have a…
  • Imports and exports of modules (most important of all)You don’t have to start with ES2015, but you do need to eventually learn it (and not because you’re learning React).
  • Don’t start here until you’re very comfortable with React itself.

First, make peace with the fact that you need to learn more than just React to work with React. This is a good thing, React is a library that does one thing really well, but it’s not the answer to…
Continue reading “So you want to learn React.js? – EdgeCoders”

Offline First React Native

Checkout our latest #blog post: Offline First React Native -  #ReactNative #Mobile

  • In the talk, I explained the concerns and tools related to developing React Native apps that work despite a poor connection.
  • When you want to persist data with React Native, you have 3 storage options:

    You can chose the option that best suits your unique criteria.

  • You can use React Native’s AsyncStorage to set/get items or can use Redux Persist as a performant, and easy to implement way to persist data.
  • When we are talking about data in an Offline-First mobile app, the size matters.
  • Photos are bigger in size and when you are dealing with poor connection the large data is going to be problematic.

About two weeks ago I presented a talk about the offline first React Native in the React Native Vancouver Meetup. Here is a short summary of the talk and the slides for everyone to use.
Continue reading “Offline First React Native”

Converting a React App to React Native – Gwendolyn Faraday – Medium

Converting a React App to React Native  #reactnative #react #reactjs

  • Converting a React App to React NativeI have been working on a lot of mobile projects lately — including Cordova, PhoneGap, React Native, some Ionic and Swift — but I have to say, React Native is by far the best experience in mobile development I have had so far.
  • It shares the same workflow as a React application for the web which is pretty easy to reason about and find where things are quickly.Now I am building an app to gamify recycling in Indiana.
  • Since the web app is in React, I figured it would be easier to build the Native version in iOS and Android at the same time using React Native.Here are some mockups to give you an idea.
  • (I changed the menu from the right side to the left side after this)Setting Up the React Native AppWhere React Native outdoes React is on it’s simple set up for apps.
  • That was pretty quick and easy —I just installed a few modules and wrote a minimal amount of code.List ViewsMost of the components I made I was able to copy from my web app and just update the UI.For this app, I have an ever-growing array of various characters that I wanted to display in a scrollable list on mobile.

I have been working on a lot of mobile projects lately — including Cordova, PhoneGap, React Native, some Ionic and Swift — but I have to say, React Native is by far the best experience in mobile…
Continue reading “Converting a React App to React Native – Gwendolyn Faraday – Medium”

So you want to learn React.js? – EdgeCoders

So you want to learn React.js?
#reactjs #js #coding  #programming @samerbuna

  • Identify whether what you’re currently learning is React or not, mainly so that you don’t get confused about your effort to learn React itself.
  • I find building simple games to demonstrate the ideas of React much better than starting with data-driven serious web applications.
  • React ecosystem libraries: Since React is just the UI language, you’ll need tools to complete the picture and go beyond even MVC. Don’t start until you’re very comfortable with React itself.
  • Right after getting comfortable with the raw concepts of React itself, build a React Native app.
  • I’ll give you two things to focus on, just forget everything else you encounter and learn these two first once you’re done with React itself: react-router and redux.

First, make peace with the fact that you need to learn more than just React to work with React. This is a good thing, React is a library that does one thing really well, but it’s not the answer to…
Continue reading “So you want to learn React.js? – EdgeCoders”