Hack The World
1.7K posts


@TheJackForge Reminded me of @dan_abramov interview struggling to center a div
English


@diegohaz IMO using useCallback as callback ref can be a better choice instead state setter
English
Hack The World retweetledi
Hack The World retweetledi

Thought no food for a sec. Thankfully Swiggy was working. This is what the apocalypse looks like in 2022. #Zomato
English

Have you read my new e-book? If so, please reply and let me know one new thing you learned from it.
Nicholas C. Zakas@slicknet
I'm excited to share my first new book (or e-book) in over five years! Understanding JavaScript Promises explains not just how promises work but also how to use them in the real world. And the best part? It's free. Grab yours now. bit.ly/promises-ebook
English
Hack The World retweetledi
Hack The World retweetledi
Hack The World retweetledi

3️⃣
#Metaballs
Quine JS
<pre id=p style=background:#000><svg onload='setInterval(f=n=>{for(t++,o=i=1;i++<476;o+=i%30?([(f+"")[i%195],"o"][c=0|(h=v=>(M=Math).hypot(i/30-8+3*M.sin(t/8/v),i%30/2-7+4*M.cos(t/9/v)))(7)*h(9)*h(6)/52]||".").fontcolor(c?c>2:n):"\n");p.innerHTML=o},t=1)'>
English
Hack The World retweetledi
Hack The World retweetledi

React Forget is cool... but what if other frameworks already do that by default?
I re-created the TodoList demo in @Huxpro's talk using idiomatic Vue 3: #eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCB7IHJlZiB9IGZyb20gJ3Z1ZSdcbmltcG9ydCBUb2RvTGlzdCBmcm9tICcuL1RvZG9MaXN0LnZ1ZSdcbiAgXG5jb25zdCB2aXNpYmlsaXR5ID0gcmVmKCdhbGwnKVxuY29uc3QgdGhlbWVDb2xvciA9IHJlZignIzA0NTk3NScpXG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuICA8bGFiZWw+PGlucHV0IHR5cGU9XCJyYWRpb1wiICB2LW1vZGVsPVwidmlzaWJpbGl0eVwiIHZhbHVlPVwiYWxsXCI+IEFsbDwvbGFiZWw+XG4gIDxsYWJlbD48aW5wdXQgdHlwZT1cInJhZGlvXCIgIHYtbW9kZWw9XCJ2aXNpYmlsaXR5XCIgdmFsdWU9XCJhY3RpdmVcIj4gQWN0aXZlPC9sYWJlbD5cbiAgPGxhYmVsPjxpbnB1dCB0eXBlPVwicmFkaW9cIiAgdi1tb2RlbD1cInZpc2liaWxpdHlcIiB2YWx1ZT1cImNvbXBsZXRlZFwiPiBDb21wbGV0ZWQ8L2xhYmVsPlxuICA8bGFiZWw+PGlucHV0IHR5cGU9XCJjb2xvclwiIHYtbW9kZWw9XCJ0aGVtZUNvbG9yXCI+IHRoZW1lIGNvbG9yPC9sYWJlbD5cbiAgPFRvZG9MaXN0IDp2aXNpYmlsaXR5PVwidmlzaWJpbGl0eVwiIDp0aGVtZUNvbG9yPVwidGhlbWVDb2xvclwiIC8+XG48L3RlbXBsYXRlPlxuXG48c3R5bGUgc2NvcGVkPlxuICBsYWJlbCB7IG1hcmdpbi1yaWdodDogMWVtOyB9XG48L3N0eWxlPiIsImltcG9ydC1tYXAuanNvbiI6IntcbiAgXCJpbXBvcnRzXCI6IHtcbiAgICBcInZ1ZVwiOiBcImh0dHBzOi8vc2ZjLnZ1ZWpzLm9yZy92dWUucnVudGltZS5lc20tYnJvd3Nlci5qc1wiXG4gIH1cbn0iLCJUb2RvTGlzdC52dWUiOiI8c2NyaXB0IHNldHVwPlxuaW1wb3J0IHsgcmVhY3RpdmUsIHJlZiwgY29tcHV0ZWQgfSBmcm9tICd2dWUnXG5pbXBvcnQgVG9kbyBmcm9tICcuL1RvZG8udnVlJ1xuaW1wb3J0IGluaXRpYWxUb2RvcyBmcm9tICcuL2luaXRpYWxUb2Rvcy5qcydcblxuY29uc3QgcHJvcHMgPSBkZWZpbmVQcm9wcyhbJ3Zpc2liaWxpdHknLCAndGhlbWVDb2xvciddKVxuXG5jb25zdCB0b2RvcyA9IHJlYWN0aXZlKGluaXRpYWxUb2RvcylcblxubGV0IGZpbHRlckNhbGxzID0gMFxuY29uc3QgZmlsdGVyZWRUb2RvcyA9IGNvbXB1dGVkKCgpID0+IHtcbiAgZmlsdGVyQ2FsbHMrK1xuXHRyZXR1cm4gcHJvcHMudmlzaWJpbGl0eSA9PT0gJ2FsbCcgPyB0b2RvcyA6IHRvZG9zLmZpbHRlcih0b2RvID0+IHtcbiAgXHRyZXR1cm4gcHJvcHMudmlzaWJpbGl0eSA9PT0gJ2FjdGl2ZScgPyAhdG9kby5kb25lIDogdG9kby5kb25lXG5cdH0pXG59KVxuXG5jb25zdCB0b2dnbGUgPSB0b2RvID0+IHRvZG8uZG9uZSA9ICF0b2RvLmRvbmVcblxuY29uc3QgYWRkSW5wdXQgPSByZWYoKVxuY29uc3QgYWRkID0gKCkgPT4ge1xuICB0b2Rvcy5wdXNoKHsgdGV4dDogYWRkSW5wdXQudmFsdWUsIGRvbmU6IGZhbHNlIH0pXG4gIGFkZElucHV0LnZhbHVlID0gJydcbn1cbjwvc2NyaXB0PlxuXG48dGVtcGxhdGU+XG4gIDxwPlxuICAgIGZpbHRlciB3YXMgY2FsbGVkXG4gICAgPHNwYW4gY2xhc3M9XCJmaWx0ZXItY2FsbFwiPnt7IGZpbHRlckNhbGxzIH19PC9zcGFuPiB0aW1lc1xuICA8L3A+XG4gIDx1bD5cbiAgICA8VG9kbyB2LWZvcj1cInRvZG8gb2YgZmlsdGVyZWRUb2Rvc1wiXG4gICAgICAgICAgOmtleT1cInRvZG8udGV4dFwiXG4gICAgICAgICAgOnRvZG89XCJ0b2RvXCJcbiAgICAgICAgICBAY2hhbmdlPVwidG9nZ2xlXCIgLz5cbiAgPC91bD5cbiAgPGZvcm0gQHN1Ym1pdC5wcmV2ZW50PVwiYWRkXCI+XG4gICAgPGlucHV0IHBsYWNlaG9sZGVyPVwiYWRkIHRvZG9cIiByZWY9XCJhZGRJbnB1dFwiPlxuICAgIDxidXR0b24gdHlwZT1cInN1Ym1pdFwiPkFkZDwvYnV0dG9uPlxuICA8L2Zvcm0+XG48L3RlbXBsYXRlPlxuXG48c3R5bGUgc2NvcGVkPlxuICAuZmlsdGVyLWNhbGwge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNmNjY7XG4gICAgY29sb3I6ICNmZmY7XG4gICAgcGFkZGluZzogMC4yZW0gMC41ZW07XG4gICAgYm9yZGVyLXJhZGl1czogNHB4O1xuICB9XG4gIGJ1dHRvbiB7XG4gICAgY29sb3I6ICNmZmY7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdi1iaW5kKCdwcm9wcy50aGVtZUNvbG9yJylcbiAgfVxuPC9zdHlsZT4iLCJUb2RvLnZ1ZSI6IjxzY3JpcHQgc2V0dXA+XG5pbXBvcnQgeyByZWYsIG9uQmVmb3JlVXBkYXRlIH0gZnJvbSAndnVlJ1xuXG5kZWZpbmVQcm9wcyhbJ3RvZG8nXSlcbmRlZmluZUVtaXRzKFsnY2hhbmdlJ10pXG5cbmxldCB1cGRhdGVzID0gMFxub25CZWZvcmVVcGRhdGUoKCkgPT4gdXBkYXRlcysrKVxuPC9zY3JpcHQ+XG5cbjx0ZW1wbGF0ZT5cbiAgPGxpPlxuICBcdDxsYWJlbD5cbiAgICAgIDxpbnB1dCB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgICAgICAgIDpjaGVja2VkPVwidG9kby5kb25lXCJcbiAgICAgICAgICAgICBAY2hhbmdlPVwiJGVtaXQoJ2NoYW5nZScsIHRvZG8pXCI+XG4gICAgICB7eyB0b2RvLnRleHQgfX1cbiAgICA8L2xhYmVsPlxuXHQgIDxzcGFuPlVwZGF0ZWQge3sgdXBkYXRlcyB9fSB0aW1lczwvc3Bhbj5cbiAgPC9saT5cbjwvdGVtcGxhdGU+XG5cbjxzdHlsZSBzY29wZWQ+XG4gIHNwYW4ge1xuICAgIGJhY2tncm91bmQtY29sb3I6IHllbGxvdztcbiAgICBib3JkZXItcmFkaXVzOiA4cHg7XG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgIGZvbnQtc2l6ZTogMC44ZW07XG4gICAgcGFkZGluZzogMC4yZW0gMC41ZW07XG4gICAgbWFyZ2luLWxlZnQ6IDFlbTtcbiAgfVxuPC9zdHlsZT4iLCJpbml0aWFsVG9kb3MuanMiOiJleHBvcnQgZGVmYXVsdCBbXG4gIHtcbiAgICB0ZXh0OiAnb25lJyxcbiAgICBkb25lOiBmYWxzZVxuICAgfSxcbiAge1xuICAgIHRleHQ6ICd0d28nLFxuICAgIGRvbmU6IGZhbHNlXG4gICB9LFxuICB7XG4gICAgdGV4dDogJ3RocmVlJyxcbiAgICBkb25lOiBmYWxzZVxuICAgfVxuXSJ9" target="_blank" rel="nofollow noopener">sfc.vuejs.org/#eyJBcHAudnVlI…
English

On Tuesday 7 we will take @dan_abramov a live fake interview on the stream, it will include questions, algorithms and a challenge 👀
When: 15:00 🇦🇷 18:00 🇬🇧
Where: twitch.tv/goncypozzo
Timezone map: everytimezone.com/s/6b9f6bfa
Stream will be in english, hope to see you there 🙌
English









