Stuff We Read

We write code.

We read code.

We love to improve, and doing it daily.

We’d love you to improve, so we share what we find.

Hope you like it!

Save time and have fun writing Javascript
Writing Javascript? So are we! The thing we love about it, is that there’s always more to learn, on all levels…Read More >>

PWA one more time
PWAs have been around for some time, yet are still quite the new kid on the block. This article will provide you with…Read More >>

The fundamentals of routing in Angular
Angular is in its 8th version already, so we decided it’s time to give it some more attention…Read More >>

Back to basics: Can plain JS / HTML be leveraged to do more than we know?
Let’s put the frameworks aside and take a look under the hood…Read More >>

When was the last time your did something in React for the first time?
VR apps are the future. Right?
Right… and no. Seems that today you CAN…Read More >>

React hooks – the next steps
Using hooks is great, how about doing it right?
Now that we know the basics, let’s see real world use cases and design patterns in action…Read More >>

GraphQL going forward
An interesting development in the GraphQL world….Read More >>

Interviewing for React
You do React. You love it. You ace it. You go get interviewed for it. You fall on your face while trying to explain the simple stuff…Read More >>

Using Regex? Good. Hating Regex? Sure.
Regex – you can’t do without it.
But HOW can you do with it? And preferably without getting frustrated to the point of smashing your precious butterfly keyboard?…Read More >>

HTML hidden gems
OK, so HTML is nothing new, but sometimes a good knowledge of it can save us from using tedious libs with complex solutions.Read More >>

More than just JS animations!
There are many javascript / css libraries which support animation today…Read More >>

How the become that developer you always wanted back then when you weren’t a developer yet
Read More >>

npm packages for the masses
Looking to write your own npm package but not sure where to start?….Read More >>

Split it with Css grid
We’ve written before about CSS Grid, but more examples are always better….Read More >>

You know Redux is… redux. But what about hooks?

People love / hate redux. And they keep saying “hooks can do the job better” or “hooks doesn’t below there”….Read More >>

Animations again! This time in React.
Animations are a hot thing, and whatever works with React is even white-hot…Read More >>

So how do I…. here’s how! Live chat app.

Read More >>

What’s common to most React UI Libs and special about this one?

Most of us never think about it, but web apps accessibility is a *major* factor in…Read More >>

Gatsby for those who have the guts

By now almost everybody have heard of Gatsby.js.
However real-life use cases & tutorials are usually harder to find.
Here you can find a very good one that could open your eyes to the more advanced use cases with Gatsby.

https://medium.com/significa/advanced-blog-system-in-gatsby-16e0cd6b85ad

GraphQL for hooks? That’s right! Grab the Beta while it’s **hot**

Apollo have done it again, infusing the GraphQL world with the latest tools & technologies.
Apollo + GraphQL are hot out of the oven and ready to take for a spin – check out this LIVE DEMO here:
https://codesandbox.io/s/github/peggyrayzis/redux-to-graphql/tree/master/client

One more dent in the REST coffin

REST will stay around for a long time, as it’s very stable and very common. It’s a solution which just works and will work in the future.
THAT SAID – GraphQL has proven to have a huge leverage in today’s modern SPA on all frameworks.
Why? this article can help you understand:
https://www.imaginarycloud.com/blog/graphql-vs-rest/

Webworker made enjoyable

Ever used or considered using WebWorkers but had some barriers along the way?
Google’s got your back on this:
https://github.com/GoogleChromeLabs/comlink

Functional Programming doesn’t have to be rigid

If you’re developing in the modern JS world, Functional Programming is something you’re probably doing anyway in at least part of your code.
Taking it to the next step is something people usually want, but afraid of.
This article will help you fight those considerations.
https://medium.com/@bluepnume/functional-ish-javascript-205c05d0ed08

If you’re interviewing for a Javascript related position, you MUST go through this one first

We all do Javascript / React / Angular / node.js, but many of us aren’t sure HOW IT WORKS.
Really it’s important for your job MUCH MORE than just for the interview.
Only thing is that it’s hard to start – that’s why we picked this article to help you do just that.

https://www.valentinog.com/blog/engines/

Redux for designers

Are you a Front-end developer working with a designer? If so, then this one is for you.

Starting in web

Starting your way as a web developer? Have been doing it for some time and still feel like you’re missing the big picture?

Moved to a mac recently?

Moved to a mac recently? Welcome to the world of professional Front-end development!

The real gain of GraphQL

We’ve all heard about GraphQL, and some of us tried it.
However – did you know that it can potentially replace Redux?
And it’s not just Redux – it’s actually what Redux does – which means you can go back to developing UI and not dive into data mutation tasks.
Sounds Interesting? More on that here:

Take your component to the next level

Dan Abramov never stops writing – be it code, platforms, or very useful articles.
This time Dan has taken his time to invest in a broad yet precise guide (don’t say style guide!) which lays out best practices for writing components which play well with others – thus preventing bugs and allowing for easier maintenance.

Composition – more than just a React Concept

Ever wondered why React is in such wide use and keeps gaining developer love?
Well, there are many reasons, but definitely a key factor is composition.
Thing is, this flexible paradigm can be used not just in React.

Manage side effects like a pro

Why do we like Dan Abramov?
Since not only he (together with the React team) brings us the latest and greatest in the React world, he then also takes the time to teach us how to make the best use of these tools.

Checkout his new useEffect() tutorial: https://overreacted.io/a-complete-guide-to-useeffect/

Want to get into the crypto world but need some incentive?

Blockstack is helping you exactly there – $100,000 and growing monthly total awards for your next great blockchain app. Even existing apps can add Blockstack API and enter the competition:

https://app.co/mining/february-2019

Still using Redux? We got you covered

Today we have hooks, mobx, and several other ways to manage state.
However – Redux is still a serious player in the field and isn’t planned to go away anytime soon.

So if you’re looking into how to manage state in your app, you should definitely
checkout this tutorial: https://daveceddia.com/redux-tutorial/

Yet more useful hooks

Ever wanted to have your own validation library?
With hooks you can do it in a very straightforward, clean manner!

Check it out: https://upmostly.com/tutorials/form-validation-using-custom-react-hooks

Love VSCode? So do we!

Did you know you can get it in the browser, with zero loading time, with TONS of features and ALWAYS LIVE? And there’s lots more….
Definitely our most-favorite online (and offline?) code editor ever!

Check it out: https://stackblitz.com/

You know TODOMVC?

Well of course you do.
But did you ever look for a more robust real-world example of how (any)thing works?

Look no further! https://github.com/gothinkster/realworld

Of course you heard about it.

Yes, that’s not bleeding-edge anymore.
However – PWAs are just now slowly getting into the mainstream and becoming something *important* for almost any brand – so it’s time to re-engage and join the party!

https://developers.google.com/web/progressive-web-apps/

DidMount, DidUpdate, DidItRun?…

Yes we all know all the lifecycles methods, but for those annoying bugs where you feel like you’re losing it (or in case you’re new to React) – this handy reference is a must!

http://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/

VSCode vs. The world

To ask a developer if they ever wondered which IDE to go with, is same as asking if they ever wrote a piece of code.
This is THE basic question any developer struggles with from time to time.
And if you’d ask any senior developer, they’ll tell you the answer is_______, as this is one of the most opinionated subjects in front end development these days 🙂
So we won’t break anyone’s word, but we will happily provide some good resources for those of you looking into working with VSCode. Enjoy!

https://medium.freecodecamp.org/immensely-upgrade-your-development-environment-with-these-visual-studio-code-extensions

DAPPS in the real world

We’ve already discussed Distributed Apps using React on our blog.

Let’s see how it looks on a production app in the real world:

https://medium.com/blockimmo/a-real-world-overview-to-developing-and-shipping-a-production-grade-ÐApps-the-pragmatic-approach

Future of React

In case you haven’t heard yet, on the recent React conference Dan Abramov announced Hooks.
Even though that’s still in the next Alpha version of React, it’s not less than a revolution in the React world and its ecosystem (someone said retiring Redux?)
You can either start on the conference link above or with the great practical example below. Be sure to tune in!

https://medium.freecodecamp.org/why-react-hooks-and-how-did-we-even-get-here

Adonis.js – (yet another) node.js framework?

Node.js frameworks are fun, right?
Well, sometimes… in any case, it’s always good to be aware of the new kid on the block, as it always has a thing or two to teach the old kids.

https://medium.com/dirtyjs/adonisjs-the-best-nodejs-framework-of-2017-8ac1efa9b8e6

React Native – sleep on it

Some things you must go through and experience yourself, and yet – learning from experience of other is priceless.
So when a company like AirBNB spends time to write a series of articles about their experience with RN, you want to spend 30 minutes reading it.
(But forget that, checkout this cool office!!!)

https://medium.com/airbnb-engineering/react-native-at-airbnb-f95aa460be1c

Drop your info here

X

Like what you see?

Sign up to our newsletter to get more tips,
best practices and helpful solutions
straight out from our own experience in the Front-end world.

We won’t spam you and won’t sell your email to nobody. Scouts promise!

X