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!

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