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”

6 Pro Tips from React Developers — SitePoint

We've got 1 #reactjs tip from a pro devs for you. Watch  for all 6 tips.

  • Tip 1: Use functional components – Cam Jackson – If you don’t need internal state or lifecycle methods on your component, use a functional component instead.
  • A functional component is a pure JavaScript function that accept props as its argument and returns a React element.
  • Benefits of functional components: – – Less code – Easier to understand – The component is stateless, so you avoid accidentally storing state on a component you shouldn’t – The component is simpler to test – There’s no this binding – It’s easier to see where and when to extract…
  • Keep Tip 1 in mind and extract blocks of code into functional components whenever possible.
  • Tip 6: Use React Developer tools – Brian Gates – With React Developer Tools, available as a Google Chrome and Firefox extension, as well as a standalone app for other environments, you can quickly view your component hierarchy, inspect and edit a component’s props and state, and invoke methods on…

If you’re new to React, you could benefit from learning from React developers who’ve learned valuable lessons about the framework.
Continue reading “6 Pro Tips from React Developers — SitePoint”

Writing Easily Testable Code with Stateless Components in React.js

Writing Easily Testable Code with Stateless Components in #React.JS  #javascript #testing

  • The use of Stateless Functional Components (a.k.a. “pure” or “dumb” components) in React.js continues to grow since first it was released in React 0.14, and for good reasons.
  • By relying on pure components, developers end up writing reusable code that’s extremely easy to test, which leads to better application architecture.
  • Personally, I like the term “pure component” because it’s indicative of what the code really is — a pure function sprinkled with some JSX.
  • In addition to these benefits, pure components also make it extremely easy to test code with any crazy props that you wish.
  • As we just saw, the code for functional components provides us awesome intel for everything we need to know in order to write effective tests.

Functional Stateless Components provides clean syntax that allows us to write more declarative code. We will look at stateless components and finish up with some unit tests in this article.
Continue reading “Writing Easily Testable Code with Stateless Components in React.js”

Writing Easily Testable Code with Stateless Components in React.js

  • The use of Stateless Functional Components (a.k.a. “pure” or “dumb” components) in React.js continues to grow since first it was released in React 0.14, and for good reasons.
  • By relying on pure components, developers end up writing reusable code that’s extremely easy to test, which leads to better application architecture.
  • Personally, I like the term “pure component” because it’s indicative of what the code really is — a pure function sprinkled with some JSX.
  • In addition to these benefits, pure components also make it extremely easy to test code with any crazy props that you wish.
  • As we just saw, the code for functional components provides us awesome intel for everything we need to know in order to write effective tests.

Functional Stateless Components provides clean syntax that allows us to write more declarative code. We will look at stateless components and finish up with some unit tests in this article.
Continue reading “Writing Easily Testable Code with Stateless Components in React.js”

How to Style React Components with styled-component

  • With components, it has started to make more sense to include styling inline within a component like so:source: www.styled-components.comWhy Inline Styling?You may be thinking to yourself, isn’t inline styling bad practice?
  • In the case of components though, inline styling has many advantages over vanilla CSS styling.
  • Acording to Radium’s website (another tool for inline styling) the benefits of using inline styling with components are:Scoped styles without selectors (styles are on component itself)Avoids specificity conflicts (two style definitions for one element)Source order independence (doesn’t rely on the order files are imported)Dead code elimination (no unused classes as in CSS)Highly expressive (easier to read JSX)Original using styled-components— cool.
  • extend“ syntax.Styling with styled-componentsResulting WebpageFinishing UpInline styling of components is a powerful option to consider when building out user interfaces with React.
  • There is a lot more that styled-components is capable of and I recommend looking through there tutorials and guides to get a better understanding of how awesome inline styling of your components can be!

Traditional styling of websites relies on having an external stylesheet with CSS. This tradition has been challenged with the advent of React and component based UI design. With components, it has…
Continue reading “How to Style React Components with styled-component”

Reason with Sander Spies

  • Reason is built on top of OCaml, why would anyone do that?
  • So when you are writing Reason,  how does that work in term of Java Script?
  • When you compile Reason, What does that Java Script look like?
  • Peter ask about learning Reason.
  • Peter ask about how to contribute to Reason or OCaml

    What are the high level goal of Reason?


This player is only available in HTML5 enabled browsers. Please update your browser or
download the episode

Continue reading “Reason with Sander Spies”

Redux middleware logging basics – Ben Garrison – Medium

Redux middleware logging basics  #beer #javascript #middleware #redux #react #reactjs

  • Wouldn’t it be great to be able to go back and look at the exact state of the application at the time of the crash and even the actions that led up to the crash?
  • You would have to spread these things all over your application to catch your store at different phases of change.
  • When you are working on larger apps however, there are advantages to having a single definition point.
  • Let’s see how that may look:You can see above that we have combined 3 middleware:Our new custom loggerRedux Thunk for handling asynch callsRouterMiddleware that captures and redirects actions to your historyYou can combine middleware and they have no need to know about the ‘ware that proceeds or follows them.
  • The moment between the Action and the Reducer is a critical exchange and using middleware to cleanly log state can improve the overall quality of your app.

I have written previously about REDUX and some of its features, if you are interested in a more general introduction, please check out the post below. Implementing this FLUX-style architecture has…
Continue reading “Redux middleware logging basics – Ben Garrison – Medium”