TheFrontEndπŸ”₯
10.6K subscribers
275 photos
56 videos
8 files
532 links
πŸ“ Articles
πŸ—ž News
πŸ‘“ Tutorials
πŸ€” UI/UX thoughts

on front endπŸ’‘ mobileπŸ“± and web dev πŸ–₯

Admin: @masant1
Download Telegram
GraphQL: A success story for PayPal Checkout - well explained article from Paypal engineers on how they introduced GraphQL in their stack.

πŸ‘“ Read time: 6 min
​​Let's step aside from coding for a bit and answer yourself the following mental task.

'Imagine that you have decided to see a movie where admission is $10 per ticket. As you enter the theater, you discover that you have lost a $10 bill. Would you still pay $10 for a ticket to the movie?'

πŸ‘Yes
πŸ‘ŽNo


I ll explain later where such post is coming from
​​The result from the previous question is exactly as predicted.

This is explained by something known as Mental Accounting matters. In fact, if the question was a bit rephrased in a form that you loose a ticket itself, not the 10$ bill - your perception might have been different.

Full explanation:

Richard Thaler, a behavioral economist, was the first economist to fully explore the consequences of mental accounting. Although the value of the loss is the same in both scenarios, only 46% said they would buy another movie ticket when they lost their original one. This in comparision to 88% who lost their $10 bill. Buying a second ticket would make the movie seem too expensive, since it now cost $20 in their mind. The loss of cash is not taken into the mental account of the movie. We tend to treat our dollars very differently.

Read more here

Thought that this psychological trait can be also useful in your entrepreneurial activities (wether IT related or not).

Meanwhile, @coolhunt where I initially shared this project on hacking your brains, got 300+ subs without really advertising it much. If you haven't joined yet - there are pretty cool projects there on UX, valuating business ideas and potential product hunt stuff that is worth your attention.
​​What the hell is debouncing and how it can save your life?

πŸ‘“ Read time: 2 min
This media is not supported in your browser
VIEW IN TELEGRAM
Book App UI πŸ”₯ There is nothing else needed to be said here.
​​Alright, lets get it a bit more active than for the last few days.

Start off with some entrepreneurship goodness πŸ”₯.

It became extremely popular this days to build startups under very limited timeframe e.g. weekend, 24 hr.

https://24hrstartup.com/ - this one lets you see how people create startups in just 24 hours. While it can be barely called startups, it can show you how others do it and potentially motivate you to create something yourselfπŸ‘
​​How to get required DOM node from a browser

Cool trick to easily find the node that you are looking for.

πŸ”₯ Select element in the Elements tab

πŸ”₯In console simply write $0

πŸ”₯ You can also find parent element and $_ gives you the last expression
Found a service that creates a photo from your code snippet. Thought its pretty funny πŸ€·β€β™‚

Check it - http://codephoto.ru
noshit.xyz - a list of free design resources for you next project πŸ”₯

Shared by our subscriber @miguelms
A/B testing is no good?πŸ€”

Interesting article on pitfalls of running A/B tests (if you have never heard of them then its just the right time).

The outcome is simple - Don't use things just for the sake of it or because everyone do that. Apply critical thinking to your specific case.

πŸ•ΆοΈ Read time: 4 min
How to learn Vue in 2018

Just nice before the year end. Vue is one of those things that has a strong potential to position itself in the future as the leading JS framework (sorry React πŸ€·β€β™‚)

This is the recipe on what to do.
​​Why trying to have a 'perfect code' can actually be a bad thing

Read the discussion and answer here

Shared by @Dereotu
​Finally, React question for you!

(Testing a new Quiz software, it gives you the correct answer and explanation right away)

What happens when the following render() method executes?

Answers:

πŸ‘ŒπŸ» - Displays the list of languages in the array
☝🏻 - Error. Cannot use direct JavaScript code in JSX
✌🏻 - Displays nothing
🀟🏻 - Error. Should be replaced with a for..loop for correct output
How AI can improve web development in 2019

Nice article on how some of the trendy areas can make our life easier in a (very) near future.

πŸ‘“ Read time: 6 min
​​By the way, adding to the previous post, I want to recommend you another good quality channel as it is likely to cover your interest.

Although AI and Deep learning usually treated as a very complex areas, I believe it can be beautiful and fascinating at the same time.

There is a small channel with triggering name @loss_function_porn that nicely proves it.

It covers latest research in AI and promotes it with a very short, eye-catching gifs. The guy does a good job and is definitely worth your attention.

Give it a shotπŸ”₯
If you are feeling old-school, you might like it πŸ”₯
​​​​Quiz Results:

πŸ‘ŒπŸ»: 115 peeps. (68.86%)
☝🏻: 16 peeps. (9.58%)
✌🏻: 15 peeps. (8.98%)
🀟🏻: 21 peeps. (12.57%)

Total: 167 peeps.

Updated 2018-11-30 02:25:06 UTC

πŸ”₯πŸ”₯πŸ”₯
8 people get extra points for noticing that the quiz had none correct answers. The current snippet will render 'it' 3 times.

To make πŸ‘Œ answer correct, we need to have

{langs.map(it => <p>{it}</p>)}
Fucking const

Still thinking you must use const when it should be unchanged.

Have a read then.
Meanwhile, we finally got our community to 4KπŸ”₯

Want to say Thank You to every single one of you for keeping engaged and for all the nice words that you sent me during this 6 months. This is what truly motivates and keep this channel alive.

As a giving back, I want to understand you better and get to know what do you want to see in the channel in the future! I encourage you to vote as this will help us shape the content and make it more relevant for everyone (not just stuff that interests me personally).

πŸ—žοΈ IT news
πŸ‘“ Tutorials and Reading material
πŸ”₯ Nice UI and UX
πŸš€ Tricks and Tips
πŸ€“ More tech stuff
πŸ’‘ Keep it as it is now

If there is something else - just dm me personally @masant1

Thank you all again and have an awesome day ahead!
​​New CSS property scroll-snap allow you to easily create well-controlled scroll experience for your users. No JavaScript or plugins needed. Plain CSS!

Also works great on mobile devices.

A few examples