By the way, if you haven't checked yet - here is the list of main changes in webpack 5

​​App magic

If you also have friends who think creating apps or learning programming is tough - share this one.

Glideapps - basically a magic compiler that creates a simple app from your Google docs. Simple, but can also let you use things like commenting.

Also 2 min of their must watch YouTube tutorial.

Turns out this gradient is called - Sublime Vivid.

Find other names and nice gradients - https://uigradients.com/#SublimeVivid

​​Another React insight from one of my favourite writers (someone give him an oscar).

Why using array.push in React states will get you in troubles one day and how to do it the right way.

I will add one tiny comment here. If you are like me and prefer to create tons of reusable components where communication between each other is vital - try not to use data that is likely to affect updating child components in global arrays, do it via states. This will help you to avoid re-rendering issues and using componentWillReceiveProps, which is actually unsafe.

Why it unsafe to use it from last year - 2 min

The Oscar article on how to manage React states with arrays - 9 min

Good morning☕

Start the day right with music for programming🔥

​​The Power Of CSS - Keith Clark experiment.

Sometimes CSS can impress you with how powerful it can be. This is an example of CSS powered 3D environment, where geometry is created with HTML elements and CSS transforms.

Textures and Lightmaps are done with layering multiple background-images and CSS blend modes for coloring.

This person also have other experiments in web (like VR).

​​Shards React

When you can’t figure out the best design and UI for a new ERP or a dashboard that you building, go with this one. Looks pretty slick and the free version covers enough to make your life a bit easier.

JS download priority in Chrome

By the way, one of our subscribers launched a pretty cool thing - https://unread.it/n/frontend

It collects all the nicest reddit stuff and that link is frontend specific

Might be of interest to some of you (especially if you liked a few previous posts)

When someone tells me gradient buttons are not cool anymore, I send them this

And then this one, specifying thats what they normally mean by "not cool"

In fact, I am in natural love with this kind of blurry glowing effect

Thank you fb for some nice advertising

For those, who keep asking me how the previous effect can be achieved with pure CSS.

Link

Meanwhile, the channel naturally got to 4.6k, welcome to all the new people👏

Websites can look like movie intro sometimes 🔥

Oh, okay 🤦‍♂️

I know you guys like tips and tricks (your votes suggested that). Here is something I think you'll find usefull, especially if you wanted to get a bit more experienced with Python.

The below article has all the latest Python tips from the @pythonetc channel, check both of them out!

https://habr.com/ru/company/mailru/blog/438776/

React - reveal gets number 1 prize for the most simplicitic way to bring in animation and avoid css nightmare.

You simply wrap the component you want to animate like

<Zoom>
<YourNiceComponent>
</Zoom>

Can also work with cascading and conditionals like when to do the animation 🔥

Good way to test your UI skills - https://cantunsee.space/

Move away from React Native?

Some insights from Airbnb why they are moving away from React Native (although they spent 2 years on it).

A few things to highlight right away:

If you are thinking React Native can help you build something cross platform quickly - you are right. You are also correct if you think performance, speed, flexbox and animation will work well if implemented correctly.

The problems, as Airbnb puts it were mainly related to JS being untyped language and RN being still quite immature - this caused big problems in refactoring, maintaining and crash monitoring as well as things like complex gestures in iOS/Android apps as both use quite different mechanics.

Well, there is always a tradeoff. From airbnb's experience, we can easily deduct that RN is still probably the best thing to do for MVP and which might even let your system live and work properly for a few years. But if you are planning to go all-in, native development is yet not fully interchangeable.

Airbnb thoughts article

​​30 seconds of knowledge - amazing way to motivate you to learn coding properly. Tips, Tricks, you name it.

Every time you open a new tab in a browser it throws a short code snippet at you, which you should ideally understand within 30 sec (might take a little bit more)