Say “Hello world” using React Native in Linux – Code Like A Girl

Say “Hello world” using React Native in Linux

  • Say “Hello world” using React Native in LinuxStart the journey of developing native apps now.Hi everyone.So far I’m beginning to learn React Native and I’m very happy to share my way of starting out.Some background about me : I am 20 years old, a third year Computer Science student, and currently working as…
  • Install the React Native CLI.You may install this using the following command : npm install -g react-native-cli3.
  • Create a new React Native project.To start a new project, type the following command : react-native init project name4.
  • Run the react native appRun and build the app using the following command:for android : react-native run-androidAfter successful build, the following will appear on your mobile phone :Welcome message of a new React Native AppCongrats!
  • ^_^ConclusionReact native makes mobile development fun and easy by enabling developers to use the same JS codebase for building both android and ios native apps.I’m really looking forward to building my own mobile apps using React native soon.

This tutorial will focus on setting up your react native development environment on Linux as well as running your “Hello World” app in your mobile android device. We will build our application in a…
Continue reading “Say “Hello world” using React Native in Linux – Code Like A Girl”

Ionic Vs. React Native

  • Whenever it comes to comparing the platforms or frameworks that develop the mobile apps, it becomes a very difficult choice, whether it is to choose between iOS and Android or between Ionic and React Native.
  • Let’s dive in to find out which cross-platform mobile app development framework is better: – – Ionic is an open source, cross-platform framework used to develop hybrid mobile applications.
  • Ionic is a mobile app development framework based on the HTML5 programming language.
  • Ionic and React Native both are completely opposite and offer completely different web and mobile app solutions.
  • Plus, developing apps using React Native is faster compared to Ionic, as it is based on JavaScript.

This overview of the features and advantages of the Ionic framework versus React Native to decide what to use when building your mobile cross-platform app.
Continue reading “Ionic Vs. React Native”

Build Native Mobile Apps in this React Native Tutorial

React Native :The Practical Guide

#reactnative #reactjs #mobileapps

  • Wouldn’t it be great if you could use your web development knowledge, combined with your React knowledge, to build mobile apps with that?
  • No need to learn Java, Android, Swift, ObjectiveC or anything of that – React and JavaScript is all you need to create awesome native mobile apps that work on both Android and iOS.
  • I’ll teach you all you need to create your own React Native apps, publish them to the Google Play Store and Apple App Store and dive really deep into the React Native ecosystem.
  • You’ll learn all about the theory behind React Native, its core concepts, how to build responsive designs that work on different device sizes, how to animate React Native apps, how to navigate around, use maps and the camera and so much more – – And which better way to learn…
  • We’ll build the ‘Awesome Places’ app in this course, an app where users can share amazing pictures and the location where they took them.

This React native tutorial is the practical guide to help you to build your own native iOS and android apps from scratch. Enroll to boost your react knowledge
Continue reading “Build Native Mobile Apps in this React Native Tutorial”

LiveChat React and React Native Components :

News from @LiveChatDev! 🚀 

  • Do you need full control over your LiveChat window?
  • Do you want to build a custom chat window from scratch?
  • LiveChat Visitor SDK is there for you – read on!

React and React Native are growing in popularity and they probably will be the leading frameworks in 2018. According to StackOverflow’s 2017 Developer Survey, React is the most loved library and it also took the fourth place among the most popular frameworks. Moreover, React is one of the most popular and depended-upon packages at npm.
Continue reading “LiveChat React and React Native Components :”

10 key differences between ReactJS and React-Native? – Georgia Hovis

10 key differences between #ReactJS and #React-#Native?


#reactjs #reactnative

  • ReactJS and React Native are some emerging technology for web and mobile development.
  • React-Native and React-JS are quite similar, yet it has many differences which one should know before starting developing apps using this platform.
  • Here, are some important differences which should know by every ReactJS web developer should learn before using this technology for the offshore web development purpose.
  • Moreover, the community around React-Native gets very big and keeps growing, the technology is not going away anytime soon, and I would recommend any web developer who wants to develop a mobile app.
  • Thus, it hardly surprises that both react js and react native enjoy so much popularity and many offshore development firms prefer it for developing all type of web application for their business.

ReactJS and React Native are some emerging technology for web and mobile development. This project was started with the goal of simplifying the development process and provide the more comfortable user experience. This library allows for building a web interface with JavaScript. React-Native and React-JS are quite similar, yet it has many differences which one…
Continue reading “10 key differences between ReactJS and React-Native? – Georgia Hovis”

Boost Your User Experience with Lottie for React Native

Check it out:   #reactsharing #UX #Lottie #reactnative #tuts

  • Boost Your User Experience with Lottie for React NativeThis is a technical post about Lottie for React Native — a mobile library for animating your user interface and telling the user stories from a whole new perspective.What is it all about Lottie?Lottie is a library for mobile devices that offers for the team a…
  • And we can always do GIF animations, right?But, as an experienced React Native and mobile developer, I can claim that none of these choices are able to offer you the same look feel that Lottie can.
  • The performance, all the available resources and the proud feeling your team‘s designers will reach with Lottie is the main reason I’m now writing this post.How to Get Started with Lottie for React Native?Either: npm i –save lottie-react-nativeOr: yarn add lottie-react-nativeAfter this, we need to link Lottie on our RN project:react-native…
  • It’s a simple check mark for use cases when the app has successfully completed a user’s action: like really that animation: it’s simple, self explanatory and it also gives a brief glimpse of what can be done with After Effects for Lottie.
  • Also, on Android devices some animations may freeze or be malformed from the original one.So, try to find a balance between using of Animated API and Lottie.

This is a technical post about Lottie for React Native — a mobile library for animating your user interface and telling the user stories from a whole new perspective. Lottie is a library for mobile…
Continue reading “Boost Your User Experience with Lottie for React Native”

Todo App with React Native, Realm

Todo App with React Native, Realm

  • This post walks you through the process of creating a Todo App for iOS and Android devices with React Native, Realm.
  • We wrap some built-in Realm functions in – – React Native does not have CheckBox, so we make one.
  • : when checkbox’s clicked, the function of parent component ‘d be called.
  • : the function of parent component’d be called.
  • It shows Todo list.

onPress={this.props.onCheckBoxPressed}: when checkbox’s clicked, the onCheckBoxPressed function of parent component ‘d be called.
Continue reading “Todo App with React Native, Realm”