The Wizard of Poz posted:

Yep, that's what I figured was happening but wasn't sure how to fix it (very new to React). Thanks so much!

On a related note, are there any Visual Studio users here who develop with React? A cursory Google doesn't locate any JSX syntax highlighting solution for Visual Studio, how do you guys handle this? Do you use a separate tool (not ideal, but I can handle it if need be)?

Also, how do you guys handle rendering your JSX files to JS with Visual Studio? Or, again, do you do this with an external tool?

Maluco Marinero posted:

Are you searching for a mounted element within a tree, or just a class that you can use somewhere. If its the latter React doesn't actually have a registry of classes, but you could easily create an object that'll hold class references yourself.

The Wizard of Poz posted:

Yep, that's what I figured was happening but wasn't sure how to fix it (very new to React). Thanks so much!

On a related note, are there any Visual Studio users here who develop with React? A cursory Google doesn't locate any JSX syntax highlighting solution for Visual Studio, how do you guys handle this? Do you use a separate tool (not ideal, but I can handle it if need be)?

Also, how do you guys handle rendering your JSX files to JS with Visual Studio? Or, again, do you do this with an external tool?

Thermopyle posted:

Also, it makes me a little nervous that you're wanting to do this at all. Maybe you're using React a little...wrong-ish?

Hanpan posted:

I have several different 'panels' that I am showing on a dashboard, and the type of panel is dictated by data coming from the backend. I guess what I should do is introduce a controller that keeps a reference of all my React views and instantiates them accordingly. I just didn't want to duplicate logic if it was already part of React.

Hanpan posted:

I have several different 'panels' that I am showing on a dashboard, and the type of panel is dictated by data coming from the backend. I guess what I should do is introduce a controller that keeps a reference of all my React views and instantiates them accordingly. I just didn't want to duplicate logic if it was already part of React.

TildeATH posted:

I've got an ember CLI project and I want to create a select with options dynamically outside of ember-land and use Select2 to turn it into a Select2 thing. I added select2.min.js to my brocfile and since ember already has jquery baked in, I thought I could do $("my-select-element").select2() somewhere in the bowels of some javascript somewhere and be fine.

But it looks like the select2 function isn't being registered and comes back undefined. Anyone got any ideas why and suggestions on how to make this work? I realize I'm operating outside what Ember wants me to do, so I know the answer may be, "Nuh uh".

Kobayashi posted:

Are you doing app.import(...) in the brocfile? I include things like D3 and moment and they "just work" in views when I need them without any extra boilerplate so seems like what you are trying to do should be fine.

quote:

Ideally, an instance of Flux on the context of a child component should only be used to dispatch actions, and not to read data from the stores—read data from the stores at the top-level component and pass the data through props as necessary.

The Wizard of Poz posted:

I kind of hinted toward this in a previous post, but I'm wondering what people's overall workflow looks like for those of you that use tools like Visual Studio. I'm a full stack developer so I tend to be working on a lot of .NET C# stuff as well as the frontend, meaning I'd like to do as much as I can within the same IDE. Specifically I'm referring to things like RequireJS, how do you guys manage the compiling of the modules into a bundled JS file? How do you compile your JSX files? Someone mentioned having a watcher running (this is what I currently use with npm: watchify + browserify) but I was wondering if there's something that is more integrated with Visual Studio?

Knyteguy posted:

I'm not entirely sure if this is what you're looking for, but Web Essentials is great. If you don't have it yet it's pretty nice for bundling. So you can have all your separate files unminified in VS, and just point your includes/header references to the generated bundle file. If any actual compiling is necessary for modules or something I've just written plugins that run command line stuff first, which I'd imagine you could get to to work with the bundle if you needed to (you can configure when the bundle is generated).

e: took me a minute to get that phrasing how I wanted it.

The Wizard of Poz posted:

Yeah it's the compiling of modules that I'm interested in, think I'll continue to use npm scripts with watchify/browserify since that works fairly well so far.

On a related note (kind of) I am trying to figure out how best to handle models in JS. Because JS really has no actual type enforcing I was wondering how people tend to keep their data models as consistent as possible? For example, if I want to use a "student" model in a few different places, is there some way to help me keep the properties consistent?

Mr Shiny Pants posted:

Make a JS file with just your models in it and load it everywhere you need them?

Pollyanna posted:

Pollyanna posted:

Anyone here use gulp? I'm trying to think of a way to make using it a little easier for me to handle.

As I understand it, gulp makes use of streams and piping to build/concatenate and watch files. The basic idea is that a source file is input, several transforms are placed upon it, and a finalized source file is output. For example, if I wanted to take a file app/main.js, run Browserify on it, Uglify it, then output it as bundle.js to a dist/src directory, it'd look something like this

Pollyanna posted:

What employer and coworkers? I'm not even employed quite yet. And besides, I'm not actually going to implement this, it's just a thought experiment (unless somebody does want me to make it in which case I was completely serious).

Mr Shiny Pants posted:

Can I use backbone for this? Can I have models that contain a collection of other models and still hook everything up with eventhandlers and the rerendering logic?

Ochowie posted:

Has anyone here worked with the boostrap-ui tools for Angular? I'm using the modal functionality and it seems like the modal window doesn't inherit the parent's scope like a normal Angular controller does. Is there any way around this? I have a view that I'd like to reuse as a modal pop-up , however the view uses some data from the parent scope and that data is not coming through when the view is launched as a modal. Is there any way around this or do I really have to create a separate controller that takes in the scope object I'd like to share?

SuicideSnowman posted:

You can pass data through to modal with resolve:

code:

var modalInstance = $modal.open({
      templateUrl: 'myModalContent.html',
      controller: 'ModalInstanceCtrl',
      size: size,
      resolve: {
        items: function () {
          return $scope.items;
        }
      }
    });

Then in the controller for the modal just do something like:

code:

controller('ModalInstanceCtrl', function($scope, $modalInstance, items) {
	$scope.items = items;
});

Then when you access or change $scope.items in the modal those changes will be reflected in the original as well. This code is taken from the bootstrap-ui documentation.

RobertKerans posted:

Grunt/Gulp are fantastic for design, where a fairly large set of scripts all doing specific things to a prototype are necessary. But for most dev tasks, yeah, NPM scripts are generally better.

Ochowie posted:

I was hoping to use the same controller as the non-modal version.

Wheany posted:

I haven't done anything with Backbone for a couple of years, but back then, Backbone didn't have native support for nested models. I don't know if that has changed. There were extensions that added that, but I haven't used them.

SuicideSnowman posted:

Sorry, I read your question wrong. In that case, no I don't believe you can do that. You have to pass objects with resolve.

https://uithought.wordpress.com/2014/09/23/use-the-same-controller-for-modal-and-non-modal-template-in-angular-ui-bootstrap/

There's a possible solution.

Shinku ABOOKEN posted:

Why use it instead of good old assignments?

quote:

The Object.assign() method is used to copy the values of all enumerable own properties from one or more source objects to a target object. It will return the target object.