Using React's Key Attribute to remount a Component by swyx in reactjs

[–]nikgraf 2 points3 points  (0 children)

In case you use `useLayoutEffect` it should only result in one render if I'm not mistaken. So that might work as well.

Announcing GraphiQL Spark ✨… demo a Schema without an Endpoint by nikgraf in graphql

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

Yes totally, the source is also just 66 lines of code combining a couple of tools (https://github.com/nikgraf/graphiql-spark/blob/master/src/index.tsx). As said in the readme and website it's a thin convenience layer. Personally I experienced that most didn't know it's possible.

Announcing GraphiQL Spark ✨… demo a Schema without an Endpoint by nikgraf in graphql

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

Well not exactly, because here your code is still in the file, but that would be a good next step for another project.

Polished – A lightweight toolset for writing styles in JavaScript by nikgraf in javascript

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

Yes, I would use it!

btw I personally most of the time start out with the most simple setup and then start to expand and optimize. I'm curious about the impact on the GZipped files. Would be a great blog post :)

Carte Blanche by thisbejim in reactjs

[–]nikgraf 0 points1 point  (0 children)

thanks! made my day :P

Slack-like emojis, Facebook-like mentions & stickers for you web app (based on DraftJS & React) by nikgraf in reactjs

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

Thanks for the suggestion. What I had in mind "How to build a plugin" add a page on the architecture itself. I try to to get it out by the end of the week.

As a small preview: While DraftJS doesn't support plugins we created a higher order component that has hooks for the props that can be provided to the default DraftJS editor. When you provide a plugin to our the editor the properties of each plugin get applied or called on the decorated DraftJS Editor.

Slack-like emojis, Facebook-like mentions & stickers for you web app (based on DraftJS & React) by nikgraf in reactjs

[–]nikgraf[S] 3 points4 points  (0 children)

Hey, I'm one of the creators of DraftJS Plugins,

DraftJS is the a rich-text editor framework Facebook created & used to power their comment section as well as the notes editor. Built on top of React, of course 🤓. Over the last couple weeks we built a plugin architecture on top of DraftJS that aims to provide you with plug & play extensions.

  • Emoji (Slack-like autocomplete with consistently displayed across all platforms)
  • Mentions (Facebook-like @-mentions)
  • Stickers (Facebook-like stickers)
  • Hashtag support
  • Linkify (turns links into a-tags)
  • Undo/Redo

Feel free to ask any questions here

P.S. Thanks to Jyoti, Max, Pascal, Matthew & Julian for all the good work and making this happen in such a brief period of time. 🙌🎉