Do all the things like ++ or -- rants, post your own rants, comment on others' rants and build your customized dev avatarSign Up
Get a devDuck
Rubber duck debugging has never been so cute! Get your favorite coding language devDuckBuy Now
Search - "rxjs"
Modern web frontend is giving me a huge headache...
Gazillion frameworks, css preprocessors, transpilers, task runners, webpack, state management, templating, Rxjs, vector graphics,async,promises, es6,es7,babel,uglifying,minifying,beautifying,modules,dependecy injection....
All this for programming apps that happen to run inside browsers on a protocol which was designed to display simple text pages...
This is insanity. It cannot go on like this for long. I pray for webasm and elm to rescue me from this chaos.
I work now as a fullstack dev as my first job but my next job is definitely going to be backend/native stuff for desktop or mobile. It seems those areas are much less crazy.10
Be careful when you go down the rabbit hole of creating custom observables (rxJS).
I wasted half a day just to find out that there are hot and cold observables and that the whole time I tried to use the wrong one.
It finally works. 01:00 in the morning.
My boss will be proud when he pulls the changes and the code looks completely fucked up (clean, well structured code, but he doesn't really know observables).
Now something different: Sleep. Cya.
Why the shit is WebDev getting so complicated? It’s like everyone is just trying to show how smart they are instead of finding the simplest way to solve a problem. Or maybe I’m just too dumb to figure out what all this new shit does.4
The web is just a fucked up place. Anytime i have an idea and wanna slap together an mvp, i always feel like web standards are just made by people who have no professional training and once every year come up with some bullshit so they dont get fired.
Figure 1: cors
You wpuld think that setting "access-control-allow-origin" to * would let, well, * through, like in every other field of programming, but no, make sure all 97 other headers match or you will just get a cors error. The server expects application/json and you didnt specify that? Fuck you, have a cors error. Both express and flask have specific packages addressing this one problem so i guess im not the only one.
Figure 2: frameworks
Remember reactive programming? Remember rxjs? No you dont because all frameworks reimplement rx with shadow dom fuckery. Did you know you can have your fucking templates with 5 lines of rxjs code? Amazing huh?
Figure 3: php
It still exists for some reason.7
Please, let me out of this hell.
Fortunately, it's not gonna be a long assignment.3
It's been a year since I first entered the world of development.
Let's see what I have accomplished so far:
Java, J2EE, Node.js, Python, Django, Android, Angular, html/css, Rxjs, RxJava, Linux, MySQL, Mongodb, Docker, Heroku, AWS
Still working in IT security goddammit.
Fucking hell. Why am I so good at learning but shit at working?6
I just pretend to be socially awesome.
A generic relative :
"I heard you really liked that dish I made. It was my own recipe you know?"
"Of course I did! Really? Your recipe? waow!"
Dev me :
"Yeah right!....BTW you forgot to import RxJS you stupid cunt!"
Angular dosent work as well in Firefox somehow...
The navigation is choppy, observables are slow.
I think anything to do with rxjs dosent work as well.
Chrome works great even on cell phones.8
Trying to learn Angular and reactjs, reading up the tutorial or documentation...
Why the hell are there ten million more shit I need to look at first? (such as rxjs, Babel, webpack... and whatever the fuck they are)
Now am I supposed to master those ten million tools/libraries before I can proceed?
Of course there is no ten million but mentally it's no difference. I'm just fed up with this.3
So I was updating rxjs tonight .. now I can't sleep because I'm thinking why they changed observable.of() to of()
How this can make any sense1
I don't like React Redux. Big and lots of boilerplate code just to get working. I prefer RxJs and Context API.
But between Context and RxJs, I will choose RxJs for global state management4
To anyone with good knowledge of RxJs:
Should I be careful how many subscriptions I have open at a time? I'm specifically thinking about memory usage.
While obviously it's more, does it make a huge impact on memory usage, if I have 20 subscriptions active, compared to 2?5
Update in earlier rant about work.
So I've basically made an flux store using Rxjs. Using symbol's as tagret data and an action. I asked my boss and another work colleague to do code review on the new system as I'm not sure their like it or understand what i was doing.
2 weeks later i get a comment in some code that implement in basically asking whats all this and what is it doing.
-_- it's called really tidy shorthand code aha
Continuation from: https://devrant.com/rants/979267/...
My vision is to implement something that is inspired by Flow Based Programming.
The motivation for this is two fold
* Functional design - many advantages to this, pure functions mean consistent outputs for each input, testable, composable, reasonable. The functional reactive nature means events are handles as functions over time, thus eliminating statefulness
* Visual/Diagrammable - programs can be represented as diagrams, with components, connections and ports, there is a 1 to 1 relationship between the program structure and visual representation. This means high level analysis and design can happen throughout project development.
Just to be clear there are enough frameworks out there so I have no intentions of making a new one, this will make use of the least number of libraries I can get away with.
In my original post I used Highland.js as I've been following the project a while. But unfortunately documentation is lacking and it is a little bare bones; I need something that is a little more featureful to eliminate boilerplate code.
RxJS seems to be the answer, it is much better documentated and provides WAY more functionality. And I have seen many reports of it being significantly easier to use.
Code speaks much louder so stay tuned as I plan to produce a proof of concept (obligatory) todo app. Or if you're sick of those feel free to make a request.3
Python is my wife, Elixir is my sexy girlfriend. While I love my life, the gf presents me what my wife cant. ReactJs/Rxjs is a lovely classic porn. The question is: what the fuck devRant is here???6
Arghhh! Reactive programming took away all the fun, but oh well, we can be more lazy now. Functional programming just made a big come back this year.2
question to the web devs around. What is up with all these js frameworks these days ? backbonejs rxjs moustache js reactjs angular js knockout js ... do you guys wake up and decide to make another framework or is there a reason behind ALL of them ????9
Is there a dev out there that actually prefers angular over react ? When devs talk about react they talk about all the possibilities, combinations, different paradigms, different approaches. Their own unique processes and toolings combined for the best solution. With angular its angulars MVC paradigm, angulars http module that makes you use rxjs, angulars redux module. HOW BORING!!6
Angular and is best friend RxJs are too over engineering and far from the concept of 'keep it simple, stupid'
But just a moment they're both use typescript to design there interfaces ... maybe that is the fucking reason for that !2
A RxJS wrapper for MySQL queries.
If anyone has any suggestions/reviews for it.1
I'm having problems understanding ngrx (or simply rxjs...), once again.
I have a feature state called "World".
This state has three Actions: Init, InitSuccess and InitFailure.
Also I have other isolated feature states like "Mountains", "Streets", "Rivers".
They have actions like this and corresponding effects to fetch data: Load, LoadSuccess, LoadFailure.
Now I would like to add an effect to WorldActions.Init, which will dispatch Mountains.Load, Streets.Load, Rivers.Load one after another. So ideally an action log would look like this:
Or when an error occurs:
How could an effect pipeline for that look?
How can I dispatch World.InitSuccess only after all LoadSuccess-Actions have happened?
Or am I still trying to implement ngrx in a wrong/bad way?
PS: The reason I am putting everything into separate feature states is because "Mountains" etc. are standalone features on their own. Only in the context of a "World" they belong together. For this reason I can't create a monstrous effect "World.Load", without producing redundant code.13
So.. in the AngularJS we had Promises and Deferred objects and in Angular we have RxJS and Observables and Subjects... and I spent last few hours googling for something like "deferred equivalent in angular" with no useful result at all, because, well, "Subject" is not the first damn thing to come to mind when looking for "Deferred" synonyms.. who the hell is making up these names?
It's like "well, since this is a new framework, it should also have completely different(and unrelated) names, so that it does not resemble the old one at all".2
Finally got the data from my API and displaying in my app using RxJS, so I work on getting user data read in after passing through an SSO page. Now that works but the original stuff doesn't.1
Angular test for a company: they are asking me to implement a filter on a table using rxjs. Me, no real rxjs experience, set up complete new page, new table with angular material and a working filter. Lol, ductape solution successful!3
Cant wait until we eventually put all the rxjs redux observable bullshit behind us as a community and look back on it as being an overcomplicated tangled approach to UI.
One day we'll reinstate a simple paradigm focused on making an http request, fetching the response and updating the view. People will shower the philosopher behind it with praise. "WHy didnt we think of that, its so simple!". "Oh how simple this will make out lives"
Anybody know how I could make an RxJS observable without RxJS?
I'm working on a library and I need it to be small (So including RxJS isn't really viable), run in the browser (IDK if Browserify will work for RxJS), and be fast. I need a way for a given element to 'listen' (or in RxJS terms, 'subscribe') to a value and update its text content whenever the value changes.
My current implementation is just a interval loop that checks if the previous value is the same as the current one, and if it isn't, it modifies the DOM.6
The article mainly summarised as follows :
- react is a very lean library but does not provide a lot of features out of the box.
- angular is a very powerful framework which works with typescript and provides a lot of functionalities like routes(?), pwas(?) from within .
- vue is a kind of mix which tries to provide as much features as angular, but uses plain js
From those descriptions, i felt like angular is the best and the worst for me at the same time.
I appreaciated detailed, multi functional environments like that of java language and Android OS because google provides strong support and ensures the apis work while enforcing the best practices through their architectures (Like MVVM. I am currently a college student and i don't think i would have ever implemented a scalable app before joining a company, if i was not exposed to a practise like mvvm)
But at the same time it is taking out all the self learning part by providing a complete environment and making us kind of just 3rd party users trying to fix 2 wires provided by them.
I mean google itself might not hire a dev who just worked on angular their whole life, right? They know that the guy knows only the stuff *they* provided to him, nothing more. I bet they would themselves want a react person who came with his own implementation of single page app without depending on a framework.
What do you guys think? Am I passing the judgement too soon? I don't know much of these big stuff, just saw that article and related it to my past experience.
Do you prefer react/reactnative for your webapps or angular /vue ?and what the hell is rxJS?5
Marble testing error messages are impossible to interpret and I guess I'm going to waste one more day attempting to make it work.
Typescript is so fucking frustrating sometimes to deal with
The snippet above AND below do the EXACT SAME FUCKING THING. But because you double tap, it loses the fucking (not needed) type before the mapTo. If you aren't paying attention, you get this extremely fucking aggravating wall of red.
God damn it, can't this be better? RxJS is pretty fucking important, so why is this so god damned hard to just get some coherent fucking code highlighting!?