|
There are many such frameworks with outbreaks every few months. They mutate frequently and reinfect coding until the next mutation occurs and replaces it.
They easily make the jump to script-kiddies, a very common vector for their spread, soon after being their first public announcement.
| Ravings en masse^ |
|---|
| "The difference between genius and stupidity is that genius has its limits." - Albert Einstein | | "If you are searching for perfection in others, then you seek disappointment. If you seek perfection in yourself, then you will find failure." - Balboos HaGadol Mar 2010 |
|
|
|
|
|
Kinda like WPF binding, amazing tech. but man can it be a headache to debug!
|
|
|
|
|
I work with React, amongst other frameworks and it's my choice for my personal web development although I still feel like an amateur with it.
The trickiest part I have found is not so much the clever binding where the DOM updates when you update state, but trying to figure our why the DOM is not being updated when you update state.
There are little traps throughout REACT waiting to make your day difficult when all you wanted to do was update some text from an async function.
One small thing, React and Typescript go together very nicely.
P.S. I forgot to mention that if you are going to use React also look into Redux - it took me and still takes me to do some mental gymnastics to understand Redux but it does make handling state a bit neater than using the React state functions.
“That which can be asserted without evidence, can be dismissed without evidence.”
― Christopher Hitchens
|
|
|
|
|
I'm using Vue which kinda sort but doesn't really play nice with TypeScript. The new version will fix that but until the components are updated it'll be messy.
I do like it a lot, though.
cheers
Chris Maunder
|
|
|
|
|
If you think React and Typescript work well together, you will be amazed of how amazing Angular is. For me React is more a javascript framework, and they just tried to make it working with typescript. Angular instead is born with typescript in mind, and everything is strongly typed and doesn't require weird type definition everywhere. Then Angular + RxJs (reactive framework) is the only valuable option for big/enterprise applications.
React works fine only for small applications, like Vue and others. If you also want to unit-test your code, then Angular is the only option.
The downside of Angular is the crazy-complex router and the learning curve due to RxJs.
React developers writing Angular code are a shame, as they don't want to learn a new sw paradigm, but their mental mindset doesn't fit with the Angular model (here comes some poor reviews about Ag).
A React app after a while is a big ball of mud, while Angular keep the code pretty clean (apart the junior js developer hammering code copied from so...)
|
|
|
|
|
Rarely do I read a message full of so much nonsense.
I started out in Angular 1.x. Moved to modern Anglular and it was great. Finally took the plunge and built enterprise grade apps with React and React Router. Not only did the teams productivity shoot through the roof, using React and Typescript, the concensus was that Angular has a lot of strange rules and boilerplate to make things work. ViewChild? Uh huh or just pass props to a child component and write any supporting JS needed. I would write more but I imagine this may overload things for you with such a narrow pipeline and you will need an observable to watch what I'm saying and run it through a translation service. I wouldn't want to trigger a digest cycle by putting to many thoughts and concepts out there and causing your thoughts to render infinitely.
|
|
|
|
|
All this magic has to come from somewhere: rules for a rules engine and / or slavish adherence to some implied "language": a spade is a spade is a shovel is not a playing card is ...
It was only in wine that he laid down no limit for himself, but he did not allow himself to be confused by it.
― Confucian Analects: Rules of Confucius about his food
|
|
|
|
|
Remember DDX (Dialog Data Exchange) in WinForms (MFC)?
Dialog Data Exchange | Microsoft Docs[^]
It allowed you to bind the control value to your member variable.
void CTestDialog::DoDataExchange(CDataExchange* pDX)
{
CDialog::DoDataExchange(pDX);
DDX_Check(pDX, IDC_MY_CHECKBOX, m_bVal);
DDX_Text(pDX, IDC_MY_TEXTBOX, m_strName);
DDV_MaxChars(pDX, m_strName, 20);
}
This binding thing been around for a long time, but it didn't have a good name like React. 
Once Something Out of the Ordinary Happens
The Angular binding was a lot of fun and quite smooth. Just kind of does everything for you.
The problem with all of these is when something out of the ordinary happens.
Generally once that happens you spend countless hours trying to fix things that happen by magic.
|
|
|
|
|
I completely forgot about DDX! Oh, those were the days
cheers
Chris Maunder
|
|
|
|
|
I remember this, good times back then.
|
|
|
|
|
I started using Vue a few years back and I love it.
I keep it simple, so I only use the most basic bindings.
I've used a component a couple of times, but never wrote one myself.
As it happens, I've experimented with list add and (re)move animations just last week, which is sort of half included.
Unfortunately, with some canvas element, I still had to do some manual DOM stuff.
All in all, 9/10 would recommend.
You shouldn't really listen to me though, I'm a back-end developer and I quite dislike the front-end and I'm not very good at it either.
CSS gives me nightmares 
|
|
|
|
|
I must be twisted but I love CSS.
cheers
Chris Maunder
|
|
|
|
|
Only my 2 cents: vue is unique for abstracting/developing components
modified 24-Apr-21 21:01pm.
|
|
|
|
|
I have been using Flutter, a reactive cross-plattform mobile development framework for some months now. Hot Reloading where you save and run your app in one second is important to me. If I have to wait tre seconds to see the result, it is already too long. One bonus is that you now can run the same code to compile it to run on native Windows, the web, macOS, or Linux desktop. It is still not perfect but worth a try.
In React you need some good debugging tools and state management libraries. For small projects MobX is easy to set up and use. For big projects with a lot of programmers I would use Redux but it has a steep learning curve and every time you need to change something you have to edit a lot of files.
jhaga
|
|
|
|
|
Yeah, I was enjoying hot module reload that was backed into .NET Core. Until they removed it.
I know you can work around that by wiring it up using Webpack and npm (or whatever) but it's a little frustrating to have to continually step outside Visual Studio for things that really should be baked into the system at this point.
cheers
Chris Maunder
|
|
|
|
|
Chris Maunder wrote: The whole concept of updating a value (or wiring it up to a UI element so it can be updated) and having the changes propagate through the application without explicitly updating anything else is new and weird. But super convenient.
Isn't that what Windows bindings do?
Bastard Programmer from Hell 
"If you just follow the bacon Eddy, wherever it leads you, then you won't have to think about politics." -- Some Bell.
|
|
|
|
|
Chris Maunder wrote: (or didn't)
Bingo. I've looked at these frameworks, listened to my fellow developers rave about them but then never use them, and same devs ask me "hmm, which framework is best to learn?"...
and when I look at the dependencies I run away screaming...
and when I look at the core underlying technology, which is the Proxy feature of JavaScript, I end up writing my own in about an hour...
and when I look at entangling declarative markup with flowy-conditionally-WTFy imperative coding, I run away screaming in a different direction...
and when I look at the whole gestalt, it's sort of like Tulip Mania in 1637 and what's the next framework du jour...
and then I wonder again, why do I even need this stuff...
and I realize I'm wasting a lot of time trying to justify using one of these frameworks when the reality is, I simply cannot come up with a justifiable use case.
But that's me.
|
|
|
|
|
IMHO if you think React and Vue are nice, you will be amazed of how amazing Angular is.
React is more a javascript framework, Angular instead is born with typescript in mind, and everything is strongly typed and then the code is also super-clean.
Angular + RxJs (reactive framework) is the only valuable option for big/enterprise applications.
React and Vue work fine only for small applications.
The downside of Angular is the crazy-complex router and the learning curve due to RxJs.
React developers writing Angular code are a shame, as they don't want to learn a new sw paradigm, but their mental mindset doesn't fit with the Angular model (here comes some poor reviews about Ag).
A big React/Vue app after a while is a big ball of mud, while Angular keep the code pretty clean (apart the junior js developer hammering code copied from so...)
|
|
|
|
|
I agree about Angular. To me it is much nicer and works better. I don't like the things I have to do with React and those JS HTML template things (JSX) feel like coding with strings or copy paste type of structure. Devs can get so dependent upon creating HTML with JS. Blech!
I'd much rather see the JS DOM AppendChild() stuff. But I'm old and old school. I don't like programming with strings. 
|
|
|
|
|
I really like them, and I think they are here to stay.
I use Angular, but heard Vue was the one to start with. Only trouble with Angular is how fast the updates roll out, and trying to keep up with them. It's become too expensive now keep an Angular project up to date with a small staff or as a single rogue developer. And the updates roll out so quick, that the internet gets polluted with help for older versions in which the help no longer applies.
Would be nice to get a discussion category for the topic.
If it ain't broke don't fix it
Discover my world at jkirkerx.com
|
|
|
|
|
I'm still on the fence if I like these frameworks. I like the templating part for reusable code, I don't always like the code flow compared to plain JS. Debugging support can be super frustrating when the whole project brakes and It's doesn't tell you what caused it, but points to something completely unrelated.
I like the encapsulation of objects, and that it uses the shadow DOM. But finishing up a project I've noticed that the lines of code were over double on what would be needed for a plain asp.net or HTML/JS application.
Somethings are simpler in React, and some are way more difficult than it needs to be.
I might do another React project if the project was needing a high level complexity. But it doesn't make much sense for smaller basic sites (too much overhead).
just my two cents
|
|
|
|
|
When I adopted a pet rock from the rescue shelter, they told me he'd had a hard life.
"I have no idea what I did, but I'm taking full credit for it." - ThisOldTony
"Common sense is so rare these days, it should be classified as a super power" - Random T-shirt
AntiTwitter: @DalekDave is now a follower!
|
|
|
|
|
OriginalGriff wrote: he'd had a hard life.
I would have expected a fairly sedimentary life.
"the debugger doesn't tell me anything because this code compiles just fine" - random QA comment
"Facebook is where you tell lies to your friends. Twitter is where you tell the truth to strangers." - chriselst
"I don't drink any more... then again, I don't drink any less." - Mike Mullikins uncle
|
|
|
|
|
It's not too slate, fissure, to cheer up your very stoned friend. Perhaps you can geode it into cracking a smile ore something?
| Ravings en masse^ |
|---|
| "The difference between genius and stupidity is that genius has its limits." - Albert Einstein | | "If you are searching for perfection in others, then you seek disappointment. If you seek perfection in yourself, then you will find failure." - Balboos HaGadol Mar 2010 |
|
|
|
|
|
I got a pet tree from the shelter and later fond out it was trained:
Bark
Stayyyyyy
Leave
|
|
|
|
General 
News 
Suggestion 
Question 
Bug 
Answer 
Joke 
Praise 
Rant 
Admin 
Submit an article or tip
