<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Johnathon roy</title>
    <description>The latest articles on DEV Community by Johnathon roy (@johnathonroy5).</description>
    <link>https://dev.to/johnathonroy5</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F240241%2Fccd7bb53-1583-4bba-86ec-200caae601ca.jpg</url>
      <title>DEV Community: Johnathon roy</title>
      <link>https://dev.to/johnathonroy5</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/johnathonroy5"/>
    <language>en</language>
    <item>
      <title>Top Programming Languages 2020 For Android App Development</title>
      <dc:creator>Johnathon roy</dc:creator>
      <pubDate>Thu, 16 Jan 2020 07:23:43 +0000</pubDate>
      <link>https://dev.to/johnathonroy5/top-programming-languages-2020-for-android-app-development-128m</link>
      <guid>https://dev.to/johnathonroy5/top-programming-languages-2020-for-android-app-development-128m</guid>
      <description>&lt;p&gt;Technology has made our lives easier with several forms of implementation in different fields still, beginners in coding are always wondering which language they should invest learning/ working to get better learning experience.&lt;/p&gt;

&lt;p&gt;With several &lt;a href="https://codersera.com/blog/top-programming-languages-2020-for-android-app-development"&gt;programming languages for android app development&lt;/a&gt; available to software programmers, picking an ideal one for a job can be quite tricky as we are living in an undeniably portable first world.&lt;/p&gt;

&lt;p&gt;Android has the most gadgets, however, iOS has an increasingly rewarding business sector. What this implies for engineers is that there is a lot of interest to produce for the two stages, and you can’t generally turn out badly practising in any case.&lt;/p&gt;

&lt;p&gt;Also, old programming languages become obsolete while new programming languages are launched, but they never gain traction. Practical knowledge of more than one language has helped data scientists, senior developers, and driverless vehicle engineers to excel in their profession.&lt;/p&gt;

&lt;p&gt;It is an obvious fact that there are two major biological systems for versatile application development: Android and iOS.&lt;/p&gt;

&lt;p&gt;Here is a &lt;a href="https://www.computer.org/publications/tech-news/trends/programming-languages-you-should-learn-in-2020"&gt;list of Top programming languages for development 2020.&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;FAQ:-What is required for mobile app development?&lt;/h2&gt;

&lt;p&gt;The Hard Skills: What to Learn&lt;br&gt;
Java. The most basic building block of Android development is the programming language Java. …&lt;br&gt;
SQL. …&lt;br&gt;
Android Software Development Kit (SDK) and Android Studio. …&lt;br&gt;
XML. …&lt;br&gt;
Perseverance. …&lt;br&gt;
Collaborativeness. …&lt;br&gt;
Thirst for Knowledge.&lt;/p&gt;

</description>
      <category>android</category>
    </item>
    <item>
      <title>Ruby On Rails for 2020?</title>
      <dc:creator>Johnathon roy</dc:creator>
      <pubDate>Wed, 15 Jan 2020 13:30:18 +0000</pubDate>
      <link>https://dev.to/johnathonroy5/ruby-on-rails-for-2020-3ece</link>
      <guid>https://dev.to/johnathonroy5/ruby-on-rails-for-2020-3ece</guid>
      <description>&lt;p&gt;The initial release of &lt;a href="https://codersera.com/blog/ruby-on-rails-in-2020/"&gt;Ruby on rails&lt;/a&gt; was on 13 December 2005 and in its initial years, it greatly affected the web app development through new features that comprise Seamless database table creation, a scaffolding of views to allow the rapid application development.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--u9xKjDHF--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://codersera.com/blog/wp-content/uploads/2019/11/r1.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--u9xKjDHF--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://codersera.com/blog/wp-content/uploads/2019/11/r1.jpg"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;ROR or &lt;a href="https://rubyonrails.org/"&gt;Ruby on Rails&lt;/a&gt; is older and mature technology to use but in the last couple of years, it has been facing a difficult time as many new technologies came over by taking over this sector. Some people say Rails is dead and it isn’t worth it but here we are going to see why it’s worth learning in 2020.&lt;/p&gt;

&lt;p&gt;&lt;b&gt;Where Has ROR Been The Best&lt;/b&gt;&lt;/p&gt;

&lt;p&gt;Rails have been the talk of the town and it is quite an old language. There are a few reasons that make the Rails best and really tough to compete. So, we would be looking for those reasons.&lt;/p&gt;

&lt;p&gt;&lt;b&gt;Simpler business logic Execution&lt;/b&gt;&lt;/p&gt;

&lt;p&gt;ROR has a simple and fast process of implementation for difficult business logic. For example, you need API for your application at the earliest so you can ask the developer. Rails developers can develop it really fast. You have to put the front- end framework like React and Vue and you are done.&lt;/p&gt;

&lt;p&gt;&lt;b&gt;Huge Collection of Gems&lt;/b&gt;&lt;/p&gt;

&lt;p&gt;Ruby has a huge collection of gems created by its developers. They act as a bridge to fill in the gap left in web apps and their services. And the best thing about them is that they are free for commercial use. And the minor things that might be left by the development team can be cleared with the help of these.&lt;/p&gt;

&lt;p&gt;Ruby collection has made it really easier for developers to use it. It is like a readymade gem for developers when they get stuck at developing some features but they have it sorted with gems.&lt;/p&gt;

&lt;p&gt;There are various companies that use Ruby on Rails in their products and apps that we would be discussing later.&lt;/p&gt;

&lt;p&gt;&lt;b&gt;Rapid development Process&lt;/b&gt;&lt;/p&gt;

&lt;p&gt;Rails or ROR is known for its fast development process. Developers use Ruby on Rails to develop a project for its quick nature and creating a project with Rails is quite easy.&lt;/p&gt;

&lt;p&gt;There is a difference of 40 to 45% in terms of speed in creating a project with ROR instead of Stacks. In layman terms, if a developer uses Stacks for developing a project then it will take 40% extra time than Rails.&lt;/p&gt;

</description>
      <category>ruby</category>
      <category>rails</category>
    </item>
    <item>
      <title>Docker interview questions</title>
      <dc:creator>Johnathon roy</dc:creator>
      <pubDate>Wed, 15 Jan 2020 07:30:12 +0000</pubDate>
      <link>https://dev.to/johnathonroy5/docker-interview-questions-1hf6</link>
      <guid>https://dev.to/johnathonroy5/docker-interview-questions-1hf6</guid>
      <description>&lt;p&gt;Docker– A well-known technology widely used and appreciated by DevOps engineers originated in 2013 and it turned out to be a big hit by the end of 2017. So what makes Docker so darn popular? The following statement about Docker will definitely give you an overview of it.&lt;/p&gt;

&lt;p&gt;“Docker is hotter than hot because it makes it possible to get far more apps running on the same old servers and it also makes it very easy to package and ship programs.”&lt;/p&gt;

&lt;h3&gt;According to wikipedia:- &lt;/h3&gt; 

&lt;p&gt;&lt;a href="https://www.docker.com/"&gt;Docker&lt;/a&gt; is a set of platform as a service products that use OS-level virtualization to deliver software in packages called containers. Containers are isolated from one another and bundle their own software, libraries and configuration files; they can communicate with each other through well-defined channels.&lt;br&gt;
All the noise about Docker is happening because companies are adopting it at a remarkable rate. Numerous businesses that had already moved their server application from virtual machines to containers. As Docker is a new trend in tech town no doubt its engineers are also in demand.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--banikJ1Q--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://codersera.com/blog/wp-content/uploads/2019/10/Docker-interview-questions.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--banikJ1Q--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://codersera.com/blog/wp-content/uploads/2019/10/Docker-interview-questions.jpg"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Here are the&lt;a href="https://codersera.com/blog/top-20-docker-interview-questions-for-2019/"&gt; Top 20 Docker interviews question&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Thanks for reading this.&lt;/p&gt;

</description>
      <category>docker</category>
    </item>
    <item>
      <title>9 Game-Changing Tools That Every Developer 
</title>
      <dc:creator>Johnathon roy</dc:creator>
      <pubDate>Mon, 13 Jan 2020 13:48:20 +0000</pubDate>
      <link>https://dev.to/johnathonroy5/9-game-changing-tools-that-every-developer-1efn</link>
      <guid>https://dev.to/johnathonroy5/9-game-changing-tools-that-every-developer-1efn</guid>
      <description>&lt;p&gt;Software development is one of the most creative and challenging things to do. If you are also one of them who want to make their career in software development this article going to help you a lot.&lt;/p&gt;

&lt;p&gt;In this article, I am mentioning 9 game-changing tools that every remote developer can’t live without.&lt;/p&gt;

&lt;p&gt;From coding to designing these tools will help you in every aspect of software development.&lt;/p&gt;

&lt;p&gt;Here are &lt;a href="https://codersera.com/blog/9-game-changing-tools-that-every-remote-developer-cant-live-without/"&gt;9 must-have development tools.&lt;/a&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;GitHub&lt;/li&gt;
&lt;li&gt;Basecamp&lt;/li&gt;
&lt;li&gt;Slack&lt;/li&gt;
&lt;li&gt;Hubstaff&lt;/li&gt;
&lt;li&gt;InVision&lt;/li&gt;
&lt;li&gt;CodinGame&lt;/li&gt;
&lt;li&gt;CodeChef&lt;/li&gt;
&lt;li&gt;Appery.IO&lt;/li&gt;
&lt;li&gt;dev.to&lt;/li&gt;
&lt;/ol&gt;

</description>
    </item>
    <item>
      <title>How to Integrate dotenv with NestJS and TypeORM</title>
      <dc:creator>Johnathon roy</dc:creator>
      <pubDate>Sat, 11 Jan 2020 15:49:21 +0000</pubDate>
      <link>https://dev.to/johnathonroy5/how-to-integrate-dotenv-with-nestjs-and-typeorm-113n</link>
      <guid>https://dev.to/johnathonroy5/how-to-integrate-dotenv-with-nestjs-and-typeorm-113n</guid>
      <description>&lt;h2&gt;Dotenv integration with NestJS and TypeORM.&lt;/h2&gt;

&lt;p&gt;While using third party sources in application development, there must be some involvement of SSH keys or API credentials. This becomes a problem when a project is handled by a team of developers. Thus, the source code has to be pushed to git repositories periodically. Once the code is pushed to a repository, anyone can see it with the third-party keys.&lt;/p&gt;

&lt;p&gt;A very prominent and widely used solution for this problem is using environment variables. These are the local variables containing some useful information like API keys and are made available to the application or project.&lt;/p&gt;

&lt;p&gt;A tool known as &lt;a href="https://www.npmjs.com/package/dotenv"&gt;dotenv&lt;/a&gt; has made it easy to create such variables and making these variables available to the application. It is an easy to use tool which can be added to your project by using any package manager.&lt;/p&gt;

&lt;p&gt;We will use yarn as a package manager.&lt;/p&gt;

&lt;p&gt;First, add the package using terminal.&lt;/p&gt;

&lt;p&gt;&lt;i&gt;yarn add dotenv&lt;/i&gt;&lt;/p&gt;

&lt;p&gt;Since we are using NestJS which is based on typescript, so we need to add the “@types” package for the same that acts as an interface between javascript and typescript package.&lt;/p&gt;

&lt;p&gt;&lt;i&gt;yarn add @types/dotenv&lt;/i&gt;&lt;/p&gt;

&lt;p&gt;Since the database to be used is Postgres, so install the necessary driver for Postgres.&lt;/p&gt;

&lt;p&gt;&lt;i&gt;yarn add pg&lt;/i&gt;&lt;/p&gt;

&lt;p&gt;Now install the TypeORM module to your nest project.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://codersera.com/blog/how-to-integrate-dotenv-with-nestjs-and-typeorm/"&gt;Dotenv integration with NestJS and TypeORM&lt;/a&gt;&lt;/p&gt;

</description>
      <category>webdev</category>
    </item>
    <item>
      <title>Top FrontEnd JS Framework to learn in 2020</title>
      <dc:creator>Johnathon roy</dc:creator>
      <pubDate>Thu, 09 Jan 2020 08:10:07 +0000</pubDate>
      <link>https://dev.to/johnathonroy5/top-frontend-js-framework-to-learn-in-2020-28hh</link>
      <guid>https://dev.to/johnathonroy5/top-frontend-js-framework-to-learn-in-2020-28hh</guid>
      <description>&lt;p&gt;2019 can be described as the revolutionary year for JavaScript frameworks, as we saw huge development of these frameworks and the beginning of their use among the masses.&lt;/p&gt;

&lt;p&gt;Read more to keep yourself updated with the frameworks that are predicted to rise.&lt;/p&gt;

&lt;h3&gt;What is JavaScript Framework?&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://www.javascript.com/"&gt;JavaScript&lt;/a&gt; is a programming language that is commonly used for the development of moderate applications. It is lightweight and supported by the majority of the browsers we use in our daily life. It supports both Object-Oriented programming(OOPs) and Procedural programming. Hence, it is used commonly for making web pages with the client-side script to interact with the user and make the web pages effective and concise.&lt;/p&gt;

&lt;p&gt;&lt;b&gt;Framework&lt;/b&gt;&lt;/p&gt;

&lt;p&gt;It is nothing but a large part of a code that you can apply to your code to some problem that you are facing in a specific domain. It can be used by providing “callbacks“.&lt;/p&gt;

&lt;p&gt;&lt;b&gt;Advantages of JavaScript Frameworks&lt;/b&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;It has strong community support which keeps it always updated.&lt;/li&gt;
&lt;li&gt;Possess extensions that help in debugging components.&lt;/li&gt;
&lt;li&gt;Plenty of third party component support.&lt;/li&gt;
&lt;li&gt;The efficiency of the code increases.&lt;/li&gt;
&lt;li&gt;It is free and open to use for all.&lt;/li&gt;
&lt;li&gt;Possesses the ability to keep the user interface in synchronization with the state of the system.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;2019 being such a great year for JS, what does 2020 have in store for us??&lt;br&gt;
Now that we have discussed the JavaScript Frameworks, let us check out the rising &lt;a href="https://codersera.com/blog/top-frontend-js-framework/"&gt;Frontend frameworks in 2020:&lt;/a&gt;&lt;/p&gt;

</description>
      <category>javascript</category>
    </item>
    <item>
      <title>Javascript Frameworks you should definitely learn in 2020</title>
      <dc:creator>Johnathon roy</dc:creator>
      <pubDate>Tue, 07 Jan 2020 08:32:34 +0000</pubDate>
      <link>https://dev.to/johnathonroy5/javascript-frameworks-you-should-definitely-learn-in-2020-212b</link>
      <guid>https://dev.to/johnathonroy5/javascript-frameworks-you-should-definitely-learn-in-2020-212b</guid>
      <description>&lt;p&gt;Javascript has come out to be one of the most prominent languages for the past few years, especially after the rise of NodeJS. Since Javascript is the only language supported by browsers, there is no denying the fact that web development needs expertise in Javascript.&lt;/p&gt;

&lt;p&gt;And with Javascript being supported in the backend, this came as a huge benefit as a single function/library/utility, which can be shared across both frontend and backend. Hence development time and resources are reduced.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--HNZzknGh--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://codersera.com/blog/wp-content/uploads/2020/01/Jvascripts-framework-should-learn-2020.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--HNZzknGh--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://codersera.com/blog/wp-content/uploads/2020/01/Jvascripts-framework-should-learn-2020.jpg"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;With an increase in the use of javascript, many people are opting in to use javascript and the language is evolving faster and bringing the best of all the world. Be it Typescript, Promises, async awaits, these features come in very handy when doing enterprise development.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://codersera.com/blog/javascript-frameworks-you-should-definitely-learn-in-2020/"&gt;Javascript Frameworks you should learn in 2020.&lt;/a&gt;&lt;/p&gt;

</description>
      <category>javascript</category>
    </item>
    <item>
      <title>Top 10 NodeJS Frameworks For Developers in 2020
</title>
      <dc:creator>Johnathon roy</dc:creator>
      <pubDate>Mon, 06 Jan 2020 13:31:54 +0000</pubDate>
      <link>https://dev.to/johnathonroy5/top-10-nodejs-frameworks-for-developers-in-2020-42og</link>
      <guid>https://dev.to/johnathonroy5/top-10-nodejs-frameworks-for-developers-in-2020-42og</guid>
      <description>&lt;p&gt;Node.js is an open-source, cross-platform runtime environment built on Chrome’s V8 javascript engine. The event-driven, non-blocking I/O model makes the NodeJS framework an extremely lightweight and efficient web application.&lt;/p&gt;

&lt;p&gt;As a developer, one gets to smoothly use the same language for both client-side and server-side scripting and this unique facility has increased the quick adoption of NodeJS frameworks by many developers across the globe in building web applications of any size.&lt;/p&gt;

&lt;p&gt;Since it’s been launched in 2009 as a tool for building scalable, server-side web applications it has brought about exponential growth in its usage.&lt;/p&gt;

&lt;p&gt;In addition, Node facilitates quick prototyping in building unique projects.&lt;/p&gt;

&lt;p&gt;Let’s check out this list of &lt;a href="https://codersera.com/blog/top-10-nodejs-frameworks-for-developers-in-2020/"&gt;10 Top NodeJS Frameworks&lt;/a&gt;&lt;/p&gt;

</description>
      <category>node</category>
    </item>
    <item>
      <title>React Tutorial: Components, Hooks, and Performance</title>
      <dc:creator>Johnathon roy</dc:creator>
      <pubDate>Sun, 05 Jan 2020 10:52:27 +0000</pubDate>
      <link>https://dev.to/johnathonroy5/react-tutorial-components-hooks-and-performance-1n58</link>
      <guid>https://dev.to/johnathonroy5/react-tutorial-components-hooks-and-performance-1n58</guid>
      <description>&lt;p&gt;&lt;b&gt;WHAT IS REACT?&lt;/b&gt;&lt;/p&gt;

&lt;p&gt;AND WHAT IS COMPONENTS, HOOKS, AND PERFORMANCE?&lt;/p&gt;

&lt;p&gt;React is a JavaScript library for building for user interfaces built by Facebook. It’s also called as the view layer of web applications.&lt;/p&gt;

&lt;p&gt;Components are the main part of the React as for human is heart, the heart is the main part to live likewise components in React. A component is a self-contained module that renders some output as well as we can write interface elements like a button or an input field as a React component. It might include one or more components in its output.&lt;/p&gt;

&lt;p&gt;Kindly speaking, for writing the React apps we have to write React components that correspond the various interfaces and elements and after that organize these components inside higher-level components which define the structure of your application in React.&lt;/p&gt;

&lt;p&gt;For instance, let take an example of the online form like as you fill much time for surveys or jobs and other purposes. A form consists of more than one element, like information/input fields, labels, as well as button and each element inside the form, is mention as a React component. We’d then write a higher-level component, the form component itself. The form component in React, would specify the structure of the form and include each of these elements inside it.&lt;/p&gt;

&lt;h3&gt;react&lt;/h3&gt;

&lt;p&gt;Meanwhile, each component in a React app has strict data management principles as well as it is a complex, interactive user interface often involve with complex data and application state.&lt;/p&gt;

&lt;h3&gt;TYPES OF REACT COMPONENTS&lt;/h3&gt;

&lt;p&gt;✔ Controlled and uncontrolled components:&lt;/p&gt;

&lt;p&gt;In most of the applications, there is a need for input as well as some form of interaction with users, secondly, which allow them to type anything, upload the file, select fields, and so on. React deals with user interaction in two ways—controlled and uncontrolled components.&lt;/p&gt;

&lt;p&gt;The controlled components by React which providing the value to an element that interacts with the user, whereas uncontrolled components don’t get the value property.&lt;/p&gt;

&lt;p&gt;The function of Controlled Components that the developer has to run in the application is written below:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://codersera.com/blog/react-tutorial-components-hooks-and-performance/"&gt;React Components, Hooks and Performance&lt;/a&gt;&lt;/p&gt;

</description>
      <category>react</category>
    </item>
    <item>
      <title>Reactjs Vs AngularJs Comparison in 2020</title>
      <dc:creator>Johnathon roy</dc:creator>
      <pubDate>Sat, 04 Jan 2020 08:20:36 +0000</pubDate>
      <link>https://dev.to/johnathonroy5/reactjs-vs-angularjs-comparison-in-2020-58op</link>
      <guid>https://dev.to/johnathonroy5/reactjs-vs-angularjs-comparison-in-2020-58op</guid>
      <description>&lt;p&gt;It is really important to choose the right platform where you should develop your web applications. ReactJS or AngularJS which framework is more important to build the application. Before talking about the contrasts that both have here is brief introduction given below to simplify the concept of ReactJS and AngularJS. They both are well-known program developing languages that help coders or developers to build an application or websites.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--emTo9twU--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://codersera.com/blog/wp-content/uploads/2019/07/angular-react.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--emTo9twU--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://codersera.com/blog/wp-content/uploads/2019/07/angular-react.png"&gt;&lt;/a&gt;&lt;/p&gt;



&lt;center&gt;Reactjs Vs Angularjs&lt;/center&gt;

</description>
      <category>react</category>
      <category>angular</category>
    </item>
    <item>
      <title>React Native Bridge For Android</title>
      <dc:creator>Johnathon roy</dc:creator>
      <pubDate>Sat, 04 Jan 2020 07:52:26 +0000</pubDate>
      <link>https://dev.to/johnathonroy5/react-native-bridge-for-android-5emm</link>
      <guid>https://dev.to/johnathonroy5/react-native-bridge-for-android-5emm</guid>
      <description>&lt;p&gt;React Native is developed in such a way that we can create a bridge between the Native Language and the JavaScript code. A bridge is nothing but a way to setup communication between native platform and React Native.&lt;/p&gt;

&lt;p&gt;&lt;b&gt;But why do we need it?&lt;/b&gt;&lt;/p&gt;

&lt;p&gt;Let’s assume you want to reuse some existing Java code or library without having to reimplement it in JavaScript. Yes, you guessed it right, you can use it in your React Native application with the help of Native Bridge. At some point of time, to make a production-level application you will most probably need to use Native Bridge.&lt;/p&gt;

&lt;p&gt;“As long as we are building our application purely within the framework, we can drive our app with properties and callbacks. But, when we mix React Native and native components, we need some specific, cross-language mechanisms that would allow us to pass information between them.”&lt;/p&gt;

&lt;p&gt;&lt;b&gt;What we will learn in this article?&lt;/b&gt;&lt;/p&gt;

&lt;h3&gt;We will separate this article in two parts which are:&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Native Modules&lt;/li&gt;
&lt;li&gt;Native UI Components&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;In this article, we are talking about android only.&lt;/p&gt;

&lt;h3&gt;Native Modules&lt;/h3&gt;

&lt;p&gt;A Native Module is just a set of javascript functions that are implemented natively for individual platform. Native Modules are used when React Native doesn’t have that required module yet, or when the native performance is significantly better.&lt;/p&gt;

&lt;p&gt;To understand this concept better we will implement a toast mechanism in which the toast would be coming from the native android and we will call it from a button made in React Native. In case you are wondering “what a toast is?”, think of it as an alert message for your app.&lt;/p&gt;

&lt;p&gt;Let’s start:&lt;/p&gt;

&lt;p&gt;Before you start you should have Android Studio and Node.js installed in your computer.&lt;/p&gt;

&lt;p&gt;Open your terminal and follow along&lt;/p&gt;

&lt;p&gt;npx react-native init ReactNativeBridgeDemo&lt;/p&gt;

&lt;p&gt;cd ReactNativeBridgeDemo&lt;/p&gt;

&lt;p&gt;Where ReactNativeBridgeDemo is the folder name which will be created.&lt;/p&gt;

&lt;p&gt;You will find a folder named ‘android’ in your project. Open that in Android Studio.&lt;/p&gt;

&lt;p&gt;From there go to app&amp;gt; java &amp;gt; com.reactnativebridgedemo&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--p9kWxxqM--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://codersera.com/blog/wp-content/uploads/2020/01/android-navigation.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--p9kWxxqM--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://codersera.com/blog/wp-content/uploads/2020/01/android-navigation.png"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Create two files with names ToastModule.java and MyPackage.java. You will understand in a bit why we named that way.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://codersera.com/blog/react-native-bridge-for-android/"&gt;Complete Code with Package&lt;/a&gt; you can read here&lt;/p&gt;

</description>
      <category>reactnative</category>
      <category>android</category>
    </item>
    <item>
      <title>React Native Web Vs React – A Comparison Guide For 2020</title>
      <dc:creator>Johnathon roy</dc:creator>
      <pubDate>Fri, 03 Jan 2020 06:47:11 +0000</pubDate>
      <link>https://dev.to/johnathonroy5/react-native-web-vs-react-a-comparison-guide-for-2020-1fpa</link>
      <guid>https://dev.to/johnathonroy5/react-native-web-vs-react-a-comparison-guide-for-2020-1fpa</guid>
      <description>&lt;p&gt;Often many of you are wondering isn’t React already existing for many years now and what is the point of the react-native web? Also, some people are thinking are both React native web and React the same thing?&lt;/p&gt;

&lt;p&gt;Let’s check this comparison guide for 2020 for &lt;a href="https://codersera.com/blog/react-native-web-vs-react-a-comparison-guide-for-2020/"&gt;React native web and React&lt;/a&gt; and find out how “React-native for web” makes it possible to run React native components and &lt;a href="https://codersera.com/blog/learn-api-inside-out/"&gt;APIs&lt;/a&gt; on the web using React DOM.&lt;/p&gt;

&lt;p&gt;It is as simple as that. So, if you have an app and you want to build a web version of it, you should definitely learn &lt;a href="https://codersera.com/blog/react-native-web/"&gt;React Native Web.&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;React Native Web Vs React&lt;br&gt;
React web came before react native and much before react native for web.&lt;/p&gt;

&lt;p&gt;Since react used virtual dom concept and there was a code conversion from jsx to html, developers thought of using the same concept for the apps, i.e. Write jsx and convert the code into java and objective c under the hood. And that’s how react native was born.&lt;/p&gt;

&lt;p&gt;Also, developers thought of simplifying the code writing process by writing one code instead of two codebases. This way you have to write just one code and let it get converted into html, java, and objective c under the hood. And that’s how React native for web was born.&lt;/p&gt;

&lt;p&gt;&lt;b&gt;Is React Obsolete now or can React Native Web And React Together?&lt;/b&gt;&lt;/p&gt;

&lt;p&gt;Although react native web is a great way to build your website, but I’d say use it only when you have plans to build both web and app versions together, or if you already have an app in react-native and are planning to launch the web version.&lt;/p&gt;

&lt;p&gt;But, If you are looking to build only the website, then React is the way to go.&lt;/p&gt;

</description>
      <category>react</category>
      <category>reactnative</category>
    </item>
  </channel>
</rss>
