Questions tagged [ngreact]

Use ngreact for questions related to the ngreact library, used to integrate ReactJS into AngularJS 1.x

The ngReact library provides a facility for wrapping React components into an AngularJS 1.x directive, whichs allows AngularJS 1.x views to take advantage of the Virtual DOM provided by ReactJS.

References

17 questions
13
votes
2 answers

Two-way data binding to an ngReact component

Using ngReact, how does one elegantly set up a two-way data binding? Let's say I have a simple React input component, which takes a value and fires onChange: angular.module('app', []).value('SimpleInput', props =>
ᆼᆺᆼ
  • 14,442
  • 8
  • 53
  • 87
8
votes
1 answer

ngReact: watch-depth attribute types explained

Recently I found an awesome library that allows for React components to be used in Angular applications, called ngReact My question is about the watch-depth attribute that can be declared on a reactDirective component:
Cumulo Nimbus
  • 6,542
  • 7
  • 43
  • 61
2
votes
2 answers

How do I integrate React with a non-trivial AngularJS app and existing grunt configurations?

I'm currently working on creating a new React component that needs to integrate with an existing Angular 1.x application, which itself already has its own build process centered around Grunt. At some point the app may be migrated to React entirely,…
Aaron Brown
  • 292
  • 3
  • 16
2
votes
1 answer

react in large angular app

So I have an angular large web application, I have a few pages where I would want to use React to decrease the rendering time of the page (>3000 rows). While searching for a solution I encountered this react plugin:…
omri
  • 185
  • 4
  • 11
2
votes
2 answers

Cannot read property 'render' of undefined

Built JSX with JsxBundleConfig, used angular ngReact directives to render react within angular. Every time i tried to include a react-component, the error Cannot read property 'render' of undefined appeared in the console, and nothing was rendered
thsorens
  • 1,173
  • 11
  • 20
1
vote
2 answers

What needs to be done to call third party Reactjs component from Anguarjs 1 using ngReact?

I have an existing Angularjs application, and I would like to start using Reactjs. I tried ngReact, I can create my own Reactjs component using React.createClass and reactDirective, and Angular is able call this directive successfully. I am only…
A. Leung
  • 11
  • 2
1
vote
0 answers

Hot Reload not working when React is externalized

I'm attempting to integrate React components into our Angular 1.5.x application. I've been successful thus far in learning webpack and utilizing webpack-dev-middleware and webpack-hot-middleware; however, I'm running into a problem when using an…
Sean Lindo
  • 1,287
  • 15
  • 29
1
vote
0 answers

How to integrate material-ui React inside Angular project?

I have Angular project that uses Angular material. Because of performance issues I decided to integrate React inside my project by using ngReact directive. So everything works properly. BTW I installed react with bower and not npm. So now I'm…
snaggs
  • 5,043
  • 14
  • 55
  • 115
1
vote
0 answers

Using ReactGridLayout with AngularJS

I am new to React. I would like to try and incorporate the 'ReactGridLayout' module found here: https://github.com/STRML/react-grid-layout in a Mean.JS v0.4 project I am working on. I started off by adding ngReact to my project and adding the…
Dave Rich
  • 319
  • 3
  • 14
1
vote
2 answers

Cannot find react component LoginComponent - ng-React

I've been trying to include reactjs in my project with ng-react but when I run the app throws the error "Cannot find react component LoginComponent". the structure: components(folder) LoginComponent.js controllers(folder) …
1
vote
1 answer

ng-react much slower than ng-repeat (deprecated access to property 'nodeType' error)

I am trying to use ngReact instead of ngRepeat to improve performance when I modify my $watched array of objects. The react component works, and the html is displayed correctly. For each marker contained in the controller, I want to create a…
DeLac
  • 940
  • 12
  • 38
0
votes
1 answer

How to use react render with AngularJs and ngReact

I am trying to use StormReact library in angularJs app. In below code i have created class inside the library which is bundled using webpack as single bundle.js window.HelloStormReact = React.createClass({ render: function() { var Engine =…
Hukam
  • 994
  • 17
  • 39
0
votes
1 answer

Using ngReact with ASP .NET MVC

I have an MVC test project that I am trying to use React components inside Angular directives. It will render the directive, but any props I pass in are undefined. Here are my files: ~/Scripts/Directives/HelloDirective.js: var Hello =…
DevShadow
  • 619
  • 1
  • 6
  • 25
0
votes
1 answer

Rerender component on angular data change using ngreact

I'm storing my data in angular controller, which my react components are using, the problem is that when I change my data, my react component which is my root component won't rerender.I'm trying to use componentWillReceiveProps but this component…
0
votes
1 answer

circular objects, illegal isArrayLike() invocation and Infinite $digest loop creating a

[UPDATED Sept, 24] I am trying to use ngReact instead of ngRepeat to improve performance when I modify my $watched array of objects. For each object (a map marker) contained in the controller, I want to create a
DeLac
  • 940
  • 12
  • 38
1
2