How to implement service(concept in AngularJS) -like component in React How to implement service(concept in AngularJS) -like component in React reactjs reactjs

How to implement service(concept in AngularJS) -like component in React


I prefer to create a service in another file that exposes the 'public' functions through module.exports.

e.g.

module.exports = {  foo: function(){ return bar; }}

which is then referenced by Components using

import myService from './routetoservice/myService'


An Extension to Michael Dunn's Answer

This is the actual answer ,

  • Service pattern is not limited to any programming language orlibrary.

  • We can implement this concept in any language , Even we canimplement this in react

  • A tiny service can be created on server OR in ui browser in Javascript that serves some logical purpose

  • It gives us benefits of code availability, code management , code isolation of particular logic

  • Its a very native way for code availability, code management , code isolation of particular logic

  • If we compare redux/flux vs services ,redux/flux also serve these purpose's

  • Currently i am using redux and its actions , and also created my tiny services on ui when required.

  • No need to use OTHER NPM MODULES FOR CREATING SERVICES , Just Michael Dunn's solution is enough


In reactjs we use the flux pattern to provide data handling. Here is an example of that with reflux. React with Flux: is this the dogmatic pattern or are there equal/better options?.