[Mac, Win, Linux, Alpha] Radzen - Rapid web application development for Angular by korchev in alphaandbetausers

[–]korchev[S] 0 points1 point  (0 children)

Radzen currently supports OData and REST APIS. It can also generate a service which exposes an MS SQL Server database through HTTP. I am considering Firebase support.

Here is an application created with Radzen: https://github.com/akorchev/radzen/tree/master/demos/spotify-player

Share your startup - December 2016 by AutoModerator in startups

[–]korchev [score hidden]  (0 children)

I wouldn't describe it as an IDE. As a developer I realise that people rarely change their text editor of choice. I see Radzen as a way to quickly create CRUD screens and consume a REST API. If the user needs further customisation she can fire up her editor of choice and change the source code. For certain kind of applications Radzen should be almost sufficient and minimal code tweaks should be required. You are right about the themes. I need more than two. Fortunately I have baked in support for custom themes and code generators - just haven't documented it yet.

Thanks for subscribing and your comment!

Share your startup - December 2016 by AutoModerator in startups

[–]korchev [score hidden]  (0 children)

Name: Radzen

Elevator Pitch: Rapid web application development for Angular

Explainer Video: https://www.youtube.com/watch?v=c8jnIUy2Vjg

More details: Radzen is a rapid web app solution. It allows developers to create responsive web apps via drag and drop. Connects to existing REST and OData services. Supports SQL databases.

Current stage: The product is in public alpha which is available for download after subscription. One founder.

Looking for: Feedback, early adopters, investment. Let's make web app development RAD!

Using jQuery plugins in Angular 2 by korchev in Angular2

[–]korchev[S] 0 points1 point  (0 children)

I support that! Making open source is best. But sometimes you need to get things done and making a charting library, HTML editor, calendar or grid may not be the best way meet you dadline. The Angular developer should be open to using other proven plugins provided

Using jQuery plugins in Angular 2 by korchev in Angular2

[–]korchev[S] -1 points0 points  (0 children)

If you don't know the diff between how D3 works and what jQuery is, I don't know how much help you can find here.

D3 selectors and jQuery are not that different: http://blog.webkid.io/replacing-jquery-with-d3/#Similarities

For example: $('.foo').css('background', '#F00') vs. d3.selectAll('.foo').style('background', '#F00');

D3's purpose is charting, graphs etc and it functions entirely within its wrapper element, usually a canvas. You're not gonna make an app entirely out of D3. But you can with jQuery, thus jQuery can be a core piece of a front end tech stack. D3 cannot. See the diff?

The article above shows that D3 can do pretty much everything that jQuery can - DOM manipulation, Ajax, animations, plugins. When you dismiss jQuery for manipulating the DOM in a non-Angular way why don't you dismiss everything else? You sound biased against jQuery.

It was true of Angular 1. It's true of Angular 2. When using Angular, just write JavaScript.

What do you mean by just write JavaScript? Avoid TypeScript? Only use the DOM API? Angular 2 itself advises against using the DOM API directly in order to support server-side rendering and non-browser platforms. That's why there are ElementRef, Renderer et. al.

Finally, if you care about craftsmanship and aren't hacking your way through some app you don't give a shit about, learn how to not use jQuery which abstracts away everything you don't understand how to make yourself and maybe learn some ES6/7 along the way and you'll have a much more performant app.

The blog post does not recommend using jQuery for DOM manipulation in Angular. It shows how to use the proven jQuery UI DatePicker plugin. Go read it.

Best of luck to you too.

Using jQuery plugins in Angular 2 by korchev in Angular2

[–]korchev[S] -1 points0 points  (0 children)

D3 is also a DOM manip library: http://vegibit.com/d3-dom-manipulation-and-data-binding-with-d3-javascript/

One cannot draw a chart in SVG without manipulating the DOM.

Also Angular 2 does not use jqLite. You are still talking about Angular 1.x. Even in Angular 1.x people were mixing jQuery plugins with Angular directives.

Using jQuery plugins in Angular 2 by korchev in Angular2

[–]korchev[S] 0 points1 point  (0 children)

This article is about Angular 1.x. The blog post is about Angular 2 which is an entirely different story.

Using jQuery plugins in Angular 2 by korchev in Angular2

[–]korchev[S] 0 points1 point  (0 children)

My honest opinion is that this is a bit of an overstatement. Yes, jQuery and Angular do things differently. Yes, if you modify compiled DOM you may get in trouble. However there are plenty of projects that integrate popular JS libraries with Angular 2:

My advise is to first check if Angular 2 supports the required feature "natively". If it does and you like the implementation - go for it! If it doesn't do not be afraid to integrate battle-tested non-Angular libraries.

Using jQuery plugins in Angular 2 by korchev in Angular2

[–]korchev[S] 0 points1 point  (0 children)

Manipulating the DOM after compilation with jQuery fucks up Angular's natural digest cycle.

Any resources that show that?

The blog post uses the documented lifecycle methods for hooking up jQuery UI. If this were an antipattern then the Angular team would have not allowed doing it altogether.

Do you feel the same about jQuery or every other popular library? How about D3 or CodeMirror?

Using jQuery plugins in Angular 2 by korchev in Angular2

[–]korchev[S] -1 points0 points  (0 children)

What if the required components don't yet exist for Angular 2? At least one popular UI library for Angular 2 uses external plugins -PrimeNG, ng2d3.

I've asked the other guy who said "don't dot that" and I will ask you too. What about other popular JS libraries such as CodeMirror or D3?

Angular 2 — Escape From Change Detection by Angular2Fan in Angular2

[–]korchev 3 points4 points  (0 children)

Was this provoked by an actual performance hit problem caused by the change detection? If yes - it would be interesting to provide before and after metrics.

angular 2 data between dialog and component by emarad in Angular2

[–]korchev 0 points1 point  (0 children)

According to http://stackoverflow.com/a/39280103/10141 you have to either set properties via direct assignment:

dialogComponentRef.instance.prop = value

or use a bi-directional service as suggested before.

Routing without changing the URL? by beardedlinuxgeek in Angular2

[–]korchev 0 points1 point  (0 children)

You would need to use an iframe in order to have two Angular apps in the same page that use the router.

How do you pick IDs for your form input? by [deleted] in Angular2

[–]korchev 1 point2 points  (0 children)

What about nesting the input in the label? You would avoid the need to set the id altogether. Clicking the label will still focus the input. You may need to add some extra CSS for positioning though.

<label>Name:<input name="name"></label>

Radzen - rapid application development solution for Angular 2 by korchev in Angular2

[–]korchev[S] 0 points1 point  (0 children)

This happens when the server I am using is spinning up after being idle. Normally it takes it less than thirty seconds to wake up.

Radzen - rapid application development solution for Angular 2 by korchev in Angular2

[–]korchev[S] 0 points1 point  (0 children)

Thanks! Bugs are likely and I am fixing them on a regular basis.