Spreadsheet on steroids

Heard of airtable? If you can use github, you might as well get this whole thing for free.

Just found of https://firetable.io/

Pretty much the same thing build on firebase (you know it mostly free unless you have thousands of users)

Don't thank me (I know you wouldn't 😂)

An extensive guide on JS for React

Worth a read 🔥

https://kentcdodds.com/blog/javascript-to-know-for-react

Yet another toast 🥪

https://react-hot-toast.com/

Looks neat

Hooks

Thanks god they came in. I'm one of those people who always like to break components apart to make it reusable and small.

Quite often I noticed that functional components still want some state to be togglable. This used to be a pain as you either have to transform to class or play football with passing stuff from and to child / parent components.

And now it's all about

const Child = ({prop1, prop2}) => {
//useEffect

return smth
}

As a benefit setLoading(false) is much more concise than
this.setState({ isLoading: false})

https://link.medium.com/GjcKRVVlxcb

font-weight: 300 considered harmful (and a fontconfig workaround)

https://work.lisk.in/2020/07/18/font-weight-300.html

A good list of tips and advices for your React development

https://www.telerik.com/kendo-react-ui/react-best-practices-and-productivity-tips/

Video calls in apps

Will soon be adding video calls in our app at work.

Found Twillio that seems pretty smooth and straightforward to use for my case.

Also with React Native wrapper.

Was it so hard, telegram? 😂

Has any of you guys use that? Mind sharing your experience with the community? Any pitfalls? Things to look out for?

Talking about useful APIs for your next pet project

Printful - Lets you upload designs, preview items, and then order almost any type of merchandise via API. Printful handles shipping and manufacturing

Mux Video- Handles all the complexity of working with video, just upload the file and Mux creates multiple versions of it and pushes to a CDN. Also supports live streaming

Lob - Lets you send postcards, letters, checks, and more with a few lines of code

Twilio - Already well known for SMS, but they've expanded their product range a ton and have a bunch of new features to play around with

Plaid - Makes it easy to connect to users bank accounts and takes care of security and regulations

Google Cloud AI - Could have put a few different companies here but I like Google's AI APIs because they give you $300 in free credit, plus most people already have a Google account so sign up is easy

Coinbase - Free public API for real time crypto price data via websocket, also historical data. With an account you can place orders if you wanted to make a trading bot

Open Secrets - Provides data on pretty much any politicians in Congress, voting records, fundraising, and lobbying

New trading bot anyone? Btc is at 30k😂

PS found this list on reddit

Did you know one of those website you visit in incognito mode actually removes jQuery and adopts Vue.js?

Interview with their Web developer

Regardless what you think, the dev work there is one of the toughest with the amount of users and graphical content they have to deal with.

Pure science 🔥💦

To those struggling with all that new Web dev noncence like React with those CSS in JS 🤷‍♂

Are you using arrow functions in your React apps?

OK, most of you used this approach and don't see why it can be debatable (although a few mentioned in comments several concerns, well done).

The reason I pointed this one out is because doing this often is a bad idea.

I failed to compile a list of articles and proper explanation, but all I want to point out here is that using arrow functions in React in this way can cause you rendering problems when your app grows. You should use it very carefully with paint flashing in browser to ensure you don't render unnecessary things.

The main issue is that a lot of react tutorials online teach you to do this and a lot of even senior frontend devs do that (to a point where it starts causing problems, trust me I've seen it too many times). The main explanation being: "well why not, it's documented that it's fine to do so here and here" .

I suggest researching why this is not always good (since I'm terrible in finding time to explain and write a proper post).

You can start with the below article that goes into explaining this one (but please go further in your research, testing it yourself is the best way):

https://www.freecodecamp.org/news/why-arrow-functions-and-bind-in-reacts-render-are-problematic-f1c08b060e36/

Web Design trends in 2021

🤙🏿 Dark Mode
🔥 Blur and Noise
🌒 3D
🍙 B&W
🧊 Bold Typography

PS the most random list of emojis ever

▶ YouTube

The most promising is probably blurred UI from the above list.

Suddenly white theming has a chance 🔥

Cyberpunk buttons in pure css

https://codepen.io/jh3y/pen/PoGbxLp