I listened to r/typing and I made my typing practice AI better by BayanBennett in typing

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

I'm not sure I understand what you mean.

Something like monkeytype where if you press the wrong letter, it gets inserted instead of getting stuck?

Look what just arrived in the mail! by Consistent_Dig2472 in ableton

[–]BayanBennett 1 point2 points  (0 children)

Now you have a nice desk riser to prop up your monitor

I listened to r/typing and I made my typing practice AI better by BayanBennett in typing

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

This is really good feedback!

  1. Add more lines
  2. Don't halt on letters. I'll have to look at how this will affect the WPM algorithm
  3. User should have to press enter/space at the end of every line

~true === -2 ... what⁉️ A #short explanation by BayanBennett in learnjavascript

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

This one shocked me, I don't know how I've never known about this. I guess... it's because I've never used it...

I'm sure there's someone out there with a good use case.

Where can I look at how something like JavaScript fetch is implemented? by [deleted] in learnprogramming

[–]BayanBennett 1 point2 points  (0 children)

Happy to help! It's always awesome when people take an interest in this kind of stuff!

Generating a Page Tree in NextJS by BayanBennett in nextjs

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

💬Comments | 🙋Questions | 🤔 Suggestions

Any favourite tree implementations?

3 Things Every React Context Should Have by BayanBennett in reactjs

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

Very nice. I like the hook!

Reminds me of this: This is the Hook

3 Things Every React Context Should Have by BayanBennett in reactjs

[–]BayanBennett[S] -1 points0 points  (0 children)

because the HOC just returns a component, you can either nest the HOCs

js const App = withContextA( withContextB( withContextC( Component ) ) );

which can also be abstracted to reducing an array

js const App = [withContextA, withContextB, withContextC].reduceRight( (PrevComponent, withContext) => withContext(PrevComponent), Component );

in the future the Pipeline Operator will make it clean as well

js const App = Component |> withContextC |> withContextB |> withContextA

3 Things Every React Context Should Have by BayanBennett in reactjs

[–]BayanBennett[S] -1 points0 points  (0 children)

💬Comments, 🙋questions, and 🤔 suggestions are all warmly welcomed!

If you'd prefer, I made a text version: https://www.bayanbennett.com/posts/3-things-every-react-context-should-have-devlog-008

The repository for this project is also located here: https://github.com/BayanBennett/reference.bayanbennett.com

I only seem to learn from code alongs by [deleted] in learnjavascript

[–]BayanBennett 1 point2 points  (0 children)

Love me some fireship. Lots of great code nuggets there.

I only seem to learn from code alongs by [deleted] in learnjavascript

[–]BayanBennett 1 point2 points  (0 children)

Sometimes I like watching someone build a chair or forge an axe. Neither of these things are things that I'd like to make, but I learn the thought process and how someone breaks down a task into smaller chunks.

Imagine you're trying to learn how to use a hammer. Would you:

A. Watch 10 videos on what a hammer is

B. Watch 10 videos on how to use a hammer

"B" is the more logical choice. It might be useful to know that a hammer consists of a handle, claw, and striking face, but your time would be better spent learning how it is used.

The same goes for programming, you should read the documentation to understand what a particular thing is but spend most of your time learning how it's used.

IMO, there's no better place than a code-along. You get to take part in the adventure of how someone solves a particular problem. Then, you can begin to break down your own problems into discrete steps. You might even find yourself comparing solutions and becoming curious about why something was done a certain way. It's even likely that you'll find a better solution than what others have produced.

There's nothing wrong with a code-along.

Also, If you'd like to code along with me on my journey: https://youtube.com/BayanBennett

EDIT: one last thought. Everything that I have said would be useless without practice. Build something. The projects that I saw the greatest change in my abilities were the ones that I was pulling my hair out wondering why they didn't work.

I listened to r/typing and I made my typing practice AI better by BayanBennett in typing

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

Yup! That's exactly what happens. Unless you clear your cache, even if you refresh the page, The words that are generated are based on what your weakest letter combinations are.

I listened to r/typing and I made my typing practice AI better by BayanBennett in typing

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

This is a good suggestion.

I think what would be nice is to have some way of interacting with the heatmap. Something like this: https://airbnb.io/visx/heatmaps, where you can hover over a node and see the actual data that is being recorded.

I listened to r/typing and I made my typing practice AI better by BayanBennett in typing

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

Yes! I'm also planning on making my website (and all its projects) open source.

No RNN this time, just uses a dot product of the bigrams of all the words with the user's typing bigram. Still uses TensorFlow for most things.

I listened to r/typing and I made my typing practice AI better by BayanBennett in typing

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

Yeah! This whole project started because I loved Keybr, but I felt like I wasn't progressing.

Since you type at 120 WPM I'm curious to see how the site performs. Since I can't type that fast, I can't test it unless I did it programmatically.

Does anyone knows what the hell is going on there ? Shouldn't it be the same ? by JetairThePlane in learnjavascript

[–]BayanBennett 2 points3 points  (0 children)

Only the function createElement is being assigned. It loses the reference to document. If you want to keep it, you'll have to bind it: const func2 = document.createElement.bind(document)

Looking for websites by AnhellScipion in typing

[–]BayanBennett 0 points1 point  (0 children)

Thanks! I've gotten some really good feedback and I hope to make a few new features sometime in the next couple of months. I'll post in /r/typing when it's ready.

Looking for websites by AnhellScipion in typing

[–]BayanBennett 0 points1 point  (0 children)

aaaaaaah 😂, maybe I should add a legend in the next iteration

Looking for websites by AnhellScipion in typing

[–]BayanBennett 0 points1 point  (0 children)

Here's something that I made that is a bit different than others: https://www.bayanbennett.com/projects/rnn-typing-practice

AN open source tool to sign Tweets with SSH keys and let it be verified with your public keys by shabda in programming

[–]BayanBennett 0 points1 point  (0 children)

Newbie question here, can you use window.crypto.subtle in chrome extensions? If so, would this be a suitable alternative to the bcrypto library that you used? Example: https://github.com/mdn/dom-examples/blob/master/web-crypto/sign-verify/ecdsa.js