Image for post
Image for post

You ever look at a web site and think: “Everything is either a potato or not a potato…” and more ( or less? ) importantly: ”This web site would be great as an app!”? If you did, you’re not alone, buddy boy!

Some very cool folks over at Internet HQ ( don’t fact check this just blindly believe that it exists ) that govern how the internet behaves agree with you ( the potato thing AND the web site as an app thing! WOW! Look at you go! ).

They introduced a concept called Progressive Web App — PWA, for short. …


Image for post
Image for post

I don’t hide the fact that I’m a HUGE fan of React ( LINK ), GraphQL ( LINK ), Apollo ( LINK ) and Apollo’s React components ( LINK ).
When Apollo React rolled out version 2.1 they introduced components for querying, mutating and subscribing to a GraphQL backend… this blew me away! …


Image for post
Image for post

A long a$$ time ago I created a simple React component that would lazily load an image and while it’s busy loading an image it would show a placeholder and wrote a tutorial how I did it. It is inspired by Polymer’s iron-image and a neat little trick how to transition from placeholder to loaded image.

The Magic

While playing around with Polymer (shameless LINK to another article I wrote) I learned that you can make a pretty cool “Blur Up” animation by taking the image you want to show, scaling it down to 1% of its width and height, using that as the placeholder and when the original size image is done loading you fade it in over the placeholder. …


Image for post
Image for post

Common Security Issues in Web Applications. Part 1 (Link)

Image for post
Image for post

Have to admit I know nowhere near as much as I should about this topic and I’m guessing there are more dumbfcks out there like me. That’s why posts like this one are that much more important!

Image for post
Image for post

Let your JavaScript variables be constant (Link)

Do I even need to explain why you should be doing this?

Image for post
Image for post
Image for post
Image for post

Meet the JavaScript pattern of the year or how to handle async like a boss (Link)

Image for post
Image for post

Generators are soooo fun! I’m going to link anything that uses generators, I just don’t give a F.

Image for post
Image for post

11 React Component Libraries You Should Know In 2018 (Link)

Image for post
Image for post

This topic is surprisingly relevant all the time, so here’s a link.

Hey there!
If you liked this article more fun and useful ones will be coming to my personal website bojangvozderac.com


Image for post
Image for post

It should come as no surprise that I’m a HUGE functional programming fanboy — shameless plug for an older blog post (Link).
I rave about it constantly and never miss an opportunity to mention how great it is, especially in web development, translation: I think it simplifies the web development process and makes JavaScript, an already cool programming language, that much cooler.

So what makes functional programming so gosh darn good, you ask?
Well then, generic reader I’m imagining right now, let me tell you how you and your code can benefit from going functional.

Image for post
Image for post

Facts

There’s a reason why I didn’t name this article ‘The Sensible Ravings of a Functional Programmer’ because I’m not, pure and simple.
I’m not using any advanced functional programming techniques, I don’t know all the terminology and lingo in functional programming and it’s not for lack of trying.
I went through books and examples (and I’ll keep going through books and examples!), a lot of things didn’t stick but the things that did stick improved my code and coding mindset immensely and I believe will benefit anyone, no matter the skill level. …


Image for post
Image for post

The Cost Of JavaScript (Link)

Image for post
Image for post

Addy Osmani has a point, overuse of JavaScript can cause some serious headaches if you don’t know what you’re doing

Image for post
Image for post

Currying is not idiomatic in JavaScript (Link)

F you it totally is!

Image for post
Image for post

But seriously, I don’t agree but sometimes it’s good to read opposing views.

Image for post
Image for post

JavaScript — Learn to Chain Map, Filter, and Reduce (Link)

OH! EM! GEE!

Image for post
Image for post

I absolutely love doing this, it makes the code so much cleaner and with enough practice complicated array operations will become a piece of cake!

Image for post
Image for post

Alternative to JavaScript’s switch statement with a functional twist (Link)

Image for post
Image for post

I’ll take any alternative I can find to switch, especially if it’s a functional alternative.

Hey there!
If you liked this article more fun and useful ones will be coming to my personal website bojangvozderac.com


Image for post
Image for post

Version 5.0.0 of Angular Now Available (Link)

Image for post
Image for post

Angular version 5 is here and there are dozens of updates.
If you’re an Angular developer the improvements to the CLI alone are worth the upgrade so go check it out!

Image for post
Image for post

Integrating React and Vue Components in One Application (Link)

What kind of unholy blasphemy is this?!
These crazy sunnuvabiches are putting the reacts in the vues and the vues in the reacts!

Image for post
Image for post


Image for post
Image for post

Lets do a quick one today that can make your JavaScript code much cleaner and much much more readable, namely JavaScript Async / Await.

Image for post
Image for post

What is Async / Await?

Async / Await is a way to write asynchronous code as if it were synchronous.

This is a big deal because you’re probably writing tonnes of asynchronous code and a majority of it is probably just fetching some data, this quickly becomes a pain in the ass because every time you do this you need to write 5 goddamn lines of code for a simple assignment operation.

Lets look at an example

const initAsyncData = async () => {
const data1 = await somethingAsync();
const data2 = await somethingAsync();
const data3 = await…


Image for post
Image for post

Even if you don’t know what functional programming is you’ve probably been using map, filter and reduce just because they’re so incredibly useful and make your code stink less by allowing you to write cleaner logic.

Disclaimer: the title of this article is ‘JavaScript Functional Programming’ but I won’t be diving too deep in to that topic, we’ll be looking at map, filter and reduce.
It’s basically a marketing trick to raise awareness of a really cool world of coding called functional, maybe you never heard of it or maybe you heard of it but never gave it much thought.
If you’re suddenly interested in finding out more about functional programming check out Professor Frisby’s Mostly Adequate Guide to Functional Programming (Link)
or
Functional-Light JavaScript by the awesome Kyle Simpson (Link)
or
take a look at Eric Elliott the dude’s a legend(!!!) and talks about functional programming often.
Even if some of these concepts fly over your head the first time you read them, don’t worry, that’s natural, keep at it and soon you’ll be reaping the rewards. …


Image for post
Image for post

6 myths of Progressive Web Apps (Link)

Don’t believe everything you read ( maybe even this post…)

Image for post
Image for post

The Web Share API Is Here (Link)

For people who have friends to share stuff with… must be nice to have friends, I wouldn’t know…

Image for post
Image for post

Use ES7 Object Rest Operator to Omit Properties (Link)

Coooooooooool

Image for post
Image for post

6 Simple Examples Which Will Make You Love Observables — rxjs 5 ( Link )

Observe and learn! Get it? Like ‘Watch and learn’ but with ‘Observe’ instead of ‘Watch’… because we’re talking about observers and ‘observe’ and ‘watch’ mean the same thing… F you buddy! My mom thinks I’m funny!

Hey there!
If you liked this article more fun and useful ones will be coming to my personal website bojangvozderac.com

About

Bojan Gvozderac

bojangvozderac.com | Senior Front End Developer

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store