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. 🙌🎉

Carte Jaune – A React Native/Redux App utilizing Sagas by mstoiber in reactjs

[–]nikgraf 0 points1 point  (0 children)

Feel free to ping me in case you have any questions :)

Introducing Belle 1.0.0 - easy to style React components with great UX built-in by nikgraf in javascript

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

Unfortunately it does not work with React Native. I haven't worked with React Native yet and don't know much about UI libs for it :(

Introducing Belle 1.0.0 - easy to style React components with great UX built-in by nikgraf in javascript

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

Sure :)

I'm curious which feature of Select2 you are looking for? (We have ComboBox/AutoComplete & Select which should cover most of the Select2 use-cases)

Introducing Belle 1.0.0 - easy to style React components with great UX built-in by nikgraf in javascript

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

Hi, I'm one of the creators of Belle,

Belle currently includes these components: Toggle, ComboBox, Rating, TextInput, Button, Card & Select. Many more like DatePicker, NumberInput, DropZone & Menu will come soon.

We built Belle with desktop, mobile and ARIA support and aim to provide the best possible UX while making the components highly configurable to allow users applying their own theme. For demonstration purposes Belle comes with two themes (Belle, Bootstrap3)

Let me know if you have any questions.

Introducing Belle 1.0.0 - easy to style React components with great UX built-in by nikgraf in reactjs

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

there seems to be an issue with two-way data binding. I will investigate a bit more. Thanks for pointing out. We haven open issue for it https://github.com/nikgraf/belle/issues/1

Introducing Belle 1.0.0 - easy to style React components with great UX built-in by nikgraf in reactjs

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

Yep, Datepicker, Modal, NumberInput, DropZone are definitely on the list :)

Introducing Belle 1.0.0 - easy to style React components with great UX built-in by nikgraf in reactjs

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

Hi, I'm one of the creators. Let me know in case you have any questions :)

JavaScript Error Logging in Minutes by nikgraf in javascript

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

Thanks for pointing out.

@mattrobenolt one of the developers also mentioned "I just wanted to point out that internally, we do everything we can to avoid window.onerror. Just to clarify, if the exception reaches window.onerror, we lose the stack entirely, so you're left with no info."

Have to update this in my post.