Skip to content
Avatar

Highlights

  • Arctic Code Vault Contributor

Pinned

  1. 1
    ![logo](https://www.productboard.com/wp-content/themes/productboard/public/images/logo-pb.svg)
    2
    ### Vojtech Prikryl ([@productboard](https://github.com/productboard))
    3
    ## Delightful Drag and Drop for complex interactive UIs
    4
    
                  
    5
    Drag and Drop is undoubtedly one of the most popular and user-friendly interactions in software nowadays. There are plenty awesome libraries for DnD in React realm, covering most of the use cases. We tried them all at productboard, but realized we need something special for complex interfaces we are building. We developed our own solution that satisfied three main requirements we had:
  2. 📄 Our own custom TSlint rules. What has been seen, cannot be unseen.

    TypeScript 6

  3. Once upon a time, we were developing yet another project management SaaS :D

    TypeScript

  4. Playground for my JS form concept

    JavaScript

  5. 1
    ### Notes
    2
    - This code handles any JS runtime error during rendering React components. Without this handling, once an error occurs, whole component tree is damaged and can't be used at all. With this handling, nothing will be rendered in production environment (error span in dev env.) + in production the error is logged to Sentry (if you are not using it just delete related code)
    3
    - This is basicaly a workaround for proposed feature in React core - described in Issue: https://github.com/facebook/react/issues/2461
    4
    - Works for all variants of Component creation - `React.createClass`, extending `React.Component` and also stateless functional components.
    5
    - To get this work, just put this snippet into your entry js file. Then it will work in whole application.
  6. 1
    Usable mainly when reducer is more like _assembler_ for your data store changes, and main logic is put into action. So you often need to dispatch multiple smaller action, but to keep it atomic, they have to be processed in a single reduce step. This is the solution. The bonus is, it works well with devTools also.
    2
    
                  
    3
    ## Sourcecode:
    4
    ### `multipleActionEnhancer.js`:
    5
    ```js

424 contributions in the last year

Sep Oct Nov Dec Jan Feb Mar Apr May Jun Jul Aug Sep Mon Wed Fri
Activity overview
Loading

Contribution activity

September 2020

13 contributions in private repositories Sep 3 – Sep 21

Seeing something unexpected? Take a look at the GitHub profile guide.

You can’t perform that action at this time.