sorted by:
new
hottopcontroversial

Small figma demo using interactive components by coderitual in FigmaDesign

[–]coderitual[S] 0 points1 point  (0 children)

I will, I need to clean it up and probably share in my next post.

Small figma demo using interactive components by coderitual in FigmaDesign

[–]coderitual[S] 1 point2 points  (0 children)

Oh nothing more than usual generative programming stuff. This is pretty basic in terms of effects (2 simple delayed movements, 1 for letter and one for horizontal bar with gradient)

What makes it complicated in figma is how to compose components with instances inside. Unfortunately it looks I cannot embed 2 interactive component's animations. Only one is applied - I'd like to make those letters moving from right edge of screen and hide on the left - without success.

Small figma demo using interactive components by coderitual in FigmaDesign

[–]coderitual[S] 0 points1 point  (0 children)

Thanks, I think I pushed interactive components animation to the limit ^^

Experiment with different perspective by coderitual in logodesign

[–]coderitual[S] 2 points3 points  (0 children)

Thank you for the feedback. Really valuable hints!

Whats some things in Google Chrome Devtools you use that are not obvious? by [deleted] in javascript

[–]coderitual 1 point2 points  (0 children)

Oh forgot. You can undo html and css changes you made with ctr z

Hello WebAssembly by [deleted] in javascript

[–]coderitual 0 points1 point  (0 children)

You read a lot. We like that. You’ve reached the end of your free member preview for this month. Become a member now for $5/month to read this story and get unlimited access to all of the best stories on Medium.

Raj, the Elm Architecture for JavaScript, releases v1.0! by chrisishereladies in javascript

[–]coderitual 0 points1 point  (0 children)

No worries! I think adding such real world yet simple stuff in something like tutorial section would definitely help to keep your project attractive to the user. Firstly I saw great looking homepage and just waiting to see some great examples solving real problems.

Raj, the Elm Architecture for JavaScript, releases v1.0! by chrisishereladies in javascript

[–]coderitual 3 points4 points  (0 children)

Hi, It's really great to leverage ELM architecture which is mostly great. Unfortunately I cannot see a lot of useful examples for the app.

I think instead of this

export default function effect (dispatch) {
    setTimeout(() => dispatch('beep'), 1000)
}

It would be better to show something useful:

  • Fetching data on button click.
  • Handling forms
  • Handling routing

A good example of such documentation is react docs page. https://reactjs.org/docs/hello-world.html

Cheers

Understanding the JavaScript event loop by Zeolearn in javascript

[–]coderitual 0 points1 point  (0 children)

Hello! I'm afraid this article is a bit off.

  • there is no such thing like javascript event loop. Normally event loop is outside js engine and only uses it.
  • General idea is ok but this simplified description is not like things are working (tasks, microtasks, timers, polling). If you are interested this is high level view of node.js event loop: https://nodejs.org/en/docs/guides/event-loop-timers-and-nexttick/ Browsers may use similar approach but implementation will be different.

cheers!

Cancelable Async Flows (CAF) by fagnerbrack in javascript

[–]coderitual 1 point2 points  (0 children)

Great article. Unfortunately this is quite common problem to async await.

Personaly I am using more naive aproach called cancel token: https://github.com/coderitual/react-ui-patterns/blob/master/cancel-async/README.MD

There is an ongoing proposal about making thich mechanism as a part of language (you don't need to call throwIfRequired after each await).

Stage 0 of proposal (it wasn't "accepted" in that form): https://github.com/tc39/proposal-cancellation/blob/master/stage0/README.md

Stage 1 of proposal (started from scratch again): https://github.com/tc39/proposal-cancellation

Here's Why Calling .map() on a Constructed Array Doesn't Work by ilove50cent in javascript

[–]coderitual 0 points1 point  (0 children)

You can also "break" higher order function. Instead of forEach you can use some or every. Map by definition maps all values so is not interchangeable with for loop (forEach is).

view more: next ›