ReactJS a popular Javascript library – Oceanize Geeks – Medium

ReactJS a popular Javascript library  #javascript

  • ReactJS a popular Javascript libraryWhy React?If we think about why we choose ReactJS library over other Javascript framework the first things is come into our mind React is really very fast.
  • When transactions happen to that state, React takes care of updating the User Interfaces based on that.React is just JavaScript, there is a very small API to learn, just a few functions and how to use them.
  • After that, your JavaScript skills are what make you a better React developer.
  • A JavaScript developer can become a productive React developer in a few hours.React can also render on the server using Node and power mobile apps using React Native.Cons of ReactJS:React is evolving so fast some time developer failed to collaborate with the pace of emerging ReactJS.
  • Developers and designers complain about JSX’s complexity and consequent steep learning curve.After considering above pros and cons Although its to early to predict but we can assume that reactJS is creating new trend in Javascript library.

If we think about why we choose ReactJS library over other Javascript framework the first things is come into our mind React is really very fast. Comparing to other javascript framework like…
Continue reading “ReactJS a popular Javascript library – Oceanize Geeks – Medium”

Share Code between React and React Native Apps – Hacker Noon

  • Share Code between React and React Native AppsDevelopers are adopting Higher Order Components (HOC) Stateless Functional Components, and for good reason: they make it easier to achieve code reuse, a coveted aspiration of developers.There are many articles on HOC and Functional Stateless Components.
  • But here are a few benefits to consider:UX consistency, both within an application and across devicesMake cross-cutting upgrades: improve a component and update all its uses easilyreuse routing and authorization rulesSwitch libraries (for example, the apps below uses MobX for state management, but Redux could be swapped in)I’ll focus on using HOC and Functional Stateless Components to achieve reuse.
  • It will not use routes nor multiple scenes as the focus is on component reuse.We will add a second pair of applications (React and React Native), which will reuse the components we extract.This GitHub repo branch has the baseline applications (The final result is here.)
  • You have to “see” the duplication, which might require rearranging code blocks.Applying these ideas is like moving puzzle pieces around, to find where they meet and what patterns they reveal.Let’s start by looking for duplication.Seeing DuplicationThe web and mobile applications have two main components.In the web application, App.jsIn the mobile application, SearchView.jsThe following outlines their structure.Almost the same, but the platform differences between React and React Native are in the way.The two components have similar structures.
  • But they are in the README for the GitHub repo branch.Instead, I’ll focus on the refactoring to a common SearchBox, which our web (React) and mobile (React Native) applications will both use.Extracting a Shared Component for Web and MobileFor clarity, I’ve renamed SearchInput.js, SearchResults.js and SearchBox.js to WebSearchInput.js, WebSearchResults.js and WebSearchBox.js, respectively.Let’s look at (Web)SearchBox.jsLines 2–10, 19, 20, 26, 27 are specific to React.MuiThemeProvider, a container for Material UI components, is the only direct dependency on Material UI.

Developers are adopting Higher Order Components (HOC) Stateless Functional Components, and for good reason: they make it easier to achieve code reuse, a coveted aspiration of developers. There are…
Continue reading “Share Code between React and React Native Apps – Hacker Noon”