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!

Ionic? With React?? Say what?

Ionic is a well known framework for hybrid mobile apps.
React is... well, you know.

Read More >>

Hook yourself up with canvas

Animating stuff on the we can be a pain.
But it can also be fun - depends if you use the right tooling.

Read More >>

Future-proofing your React app

Luckily for us, the React team is a cohesive one and had strong team members who take it to their hearts to keep us well informed and relaxed about our future with React.

Read More >>

JSX should stay JSX

Do you ever feel like your JSX gets overly complex and long, and mostly hard to read?

Read More >>

Typescript + React = Move fast and (don't) break stuff

React is amazing, I can we can all agree on that.

Read More >>

More Hooks

For those of you who haven't really got into hooks yet, this one is a great intro to the concept and basic usage.

Read More >>

Just drag along

Seems like Drag n' Drop is one of those things that will always be desirable yet will also remain one of the big challenges.

Read More >>

Next.js: How & Why

Next.js can be very useful and save tons of time in many scenarios.
However, it's a framework with considerable size, which will dictate how the structure and deployment style of your codebase.
In such cases it's important to try before you buy - and first watch before you try:

Read More >>

React: Concurrent Mode & Suspense

Last year we got Hooks. This year we got Concurrent Mode and suspense.

Read More >>

Dan Abramov is writing code!

Well, of course he writes code 🙂
But we're so used to reading his blogs, and personally I don't remember seeing any NEW code he wrote recently.

Read More >>

The story about storybook

Storybook is great, right?
IT IS! But greatness also has its flaws, and sometimes it requires some special handling.

Read More >>

Maximize your Javascript modularity

Modules have been existing and know in Javascript for a long time. However have they been used correctly? Read More >>

Current state of Javascript frameworks

It's always good to learn from Pro - and Framework authors are usually THE BEST.

Read More >>

They told you React requires "good knowledge of Javascript"

Well, they were right. React is keeping itself very lean as a render library, not getting into other areas where other libs / frameworks have gone before. Read More >>

Writing code? Need a job?

There are many job boards for all kinds of coders, but some are really good.
Read More >>

Generate a generator

Javascript generators can sure come in handy when writing flow for any logic-heavy app.

Read More >>

Is Angular Accessible?

Sometimes you hear a podcast talking about accessibility. Cool.
Do you ever do something about it, though? Read More >>

Javascript modules? Sure! It's like import-export no?

We've been using import-export for years, what's the big deal here?
Well, if you're only into writing your code in the box without looking right or left, then nothing. Read More >>

useStateReducer

Every technology or approach has its debates - when React hooks came out it was useState vs useReducer. What should we USE? (pun totally intended)!
Read More >>

What's Top-Level Await?

Javascript is an evergreen language. That means it keep improving - letting us do more with less code and less 3rd party libs.
Read More >>

Sensible defaults? You still need that?

You might hope not, but the short answer is *yes*.Read More >>

God, I HATE package-lock.json!!!

Yeah we get you... wasn't *package.json* enough confusion as it is, right? Read More >>

Instagram is just a blog for some photos. Right?

Right... or not.
Well, if they have an ongoing series of articles...
Read More >>

MORE js charts?

Yes! But this time, a different one.
Read More >>

Ever wanted to detect a face?

It's always nice to try out more Face detection JS-friendly libs!
Read More >>

What's common to node.js, Python and Julia?

Do you know how to use node.js? Good!
But do you KNOW node.js? Read More >>

What's the problem with Electron, and who's planning to solve it?

Electron is well-know and a great tool, however
Read More >>

Is npm Really Safe? What's our responsibility as developers to find out?

npm libraries are *everywhere* and are here to stay. We use them daily, sometimes without even knowing.
Why should we bother? Well, if you're in a small startup, you're usually put in command of the code and that means you're being counted on to not let the company down when some security breach occurs. Read More >>

Junior to Senior State of Mind

As a junior in the development industry you probably keep thinking "how could I level up and gain more skills / knowledge / become better at what I'm doing".Read More >>

How to learn on the web

We learn all the time. What if we could do it better?
To learn, do you have to *know*? What does having knowledge even means?
And how can we improve on that? Read More >>

No more fiddling with home-made authentication methods

Any app needs auth. There are many methods to perform auth on the web these days. Read More >>

Can promising be bad for you?

Promises are everywhere, but are we using them correctly? Read More >>

Do web workers really work for you?

What about those web workers? Do they help us or just make things more complicated?  Read More >>

Are you a node.js dev? I sure hope you know this one...

THE EVENT LOOP!
OR - how does our code run under the hood? Read More >>

The reason for GraphQL
Read More >>

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