Learning React and React-Native – Jorge Rubiano – Medium

Learning React and React-Native  #react #learning #reactnative #reactjs #reactjs

  • Learning React and React-NativeExample APP React-nativeIn this article I want to show you about my learning experience using the technologies: “React” and “react-native”, in this moment I am not an expert in this topic, but I am convinced the best option for learning is to create something.Shots — Game ES6I heard about react in the past year (2016), in that year I followed the new technologies and standards in Javascript, learning about ES6, how to configure a basic environment with npm scripts, in this case I used this environment to develop simple games with ES6 and use new technologies such as Service WorkerI decided to start learn react, At first to me was complicated because I had never used webpack, the majority of tutorials I followed need configure this tool initially.Fortunately in this year emerged create-react-app, with this module is very easy to start a project with react, this module configure the environment for you.With create-react-app developed my first “Hello World”, the process was very easy, even the browser makes automatic updates, I think this is “Awesome”.
  • I read articles and saw videos about react, later I decided search a course, It called my attention “react for beginners” by Wes Bos, I learned other topics in courses the Wes Bos for example Flexbox, then I decided to take that course (React for Beginners).
  • Example Project course.The project we develop in this course is called “Catch of the day”, we not only learned about react but also firebase, in this course I understood about the JSX, state, props, components, routing, fetch data and other topics.For me this course is a good introduction to learn react, in this course we not use redux or other libraries to manage the state.Personally I liked React because I use ES6 in the process, for example .
  • reducer, arrow functions and other features , I know there are other fantastic frameworks for example AngularJS/Angular or libraries such as VueJS, At this moment for my work React is the perfect tool.

In this article I want to show you about my learning experience using the technologies: “React” and “react-native”, in this moment I am not an expert in this topic, but I am convinced the best option…

@ReactDOM: Learning React and React-Native #react #learning #reactnative #reactjs #reactjs

In this article I want to show you about my learning experience using the technologies: “React” and “react-native”, in this moment I am not an expert in this topic, but I am convinced the best option for learning is to create something.

I heard about react in the past year (2016), in that year I followed the new technologies and standards in Javascript, learning about ES6, how to configure a basic environment with npm scripts, in this case I used this environment to develop simple games with ES6 and use new technologies such as Service Worker

I decided to start learn react, At first to me was complicated because I had never used webpack, the majority of tutorials I followed need configure this tool initially.

Fortunately in this year emerged create-react-app, with this module is very easy to start a project with react, this module configure the environment for you.

With create-react-app developed my first “Hello World”, the process was very easy, even the browser makes automatic updates, I think this is “Awesome”.

I read articles and saw videos about react, later I decided search a course, It called my attention “react for beginners” by Wes Bos, I learned other topics in courses the Wes Bos for example Flexbox, then I decided to take that course (React for Beginners).

The project we develop in this course is called “Catch of the day”, we not only learned about react but also firebase, in this course I understood about the JSX, state, props, components, routing, fetch data and other topics.

For me this course is a good introduction to learn react, in this course we not use redux or other libraries to manage the state.

People often choose Redux before they need it. “What if our app doesn’t scale without it?” Later, developers frown at…medium.com

Personally I liked React because I use ES6 in the process, for example .map .reducer, arrow functions and other features , I know there are other fantastic frameworks for example AngularJS/Angular or libraries such as VueJS, At this moment for my work React is the perfect tool.

After I learn the basic of React, I feel curiosity about react-native, it is very interesting that this can develop a native mobile application with react, I do not have much experience in the development of native mobile applications, I developed a hybrid application, in this case I used a WebView toload a webpage and other stuff for example games developed with HTML5/CSS3 even Canvas.

I also tried with other new technologies, for example the well-known Progressive Web Apps (PWA), for me is awesome that a web application works likes a native application, PWA allows Push Notifications, Offline operation and other things.

I use in my mobile games a Service worker, for instance, this allow that my games work without internet connection.

Recently I developed an extension for Google Chrome, this extension allow me to save the meaning of words, communicates with a service I developed in Nodejs and save the data in a NoSql database (MongoDB), this service I deployed in zeit.com with now and the database in mLab, both services are free.

After I finished this extension I had the perfect excuse to develop a native application, I did not need to write the backend for this application because I used the same I developed for the extension.

I started watch videos and read the documentation, the first step was download Xcode, Android Studio and Genymotion (Android Emulator) later install react-native-cli.

Starting a new project was very easy as it was with create-react-app, with the command react-native init projectname we have a base project with which we can work.

I decided developed a simple application, which lists the words and allows to create new words, I use a simple interface and the Alert component which allows me show native messages, I called this application “Remember Words”

I felt very well developed this application, yes is a simple application, but I think the first step is to create something, I used this application in my phone, when I find a strange word for me I keep it and when I need remember a word I only look this in my app.

This is my little experience with react and react-native, I will continue learning more about this library, there are a big amount of information about react, in this moment I try to create something with maps and react-native.

Thanks so much for read this article.

Learning React and React-Native – Jorge Rubiano – Medium