react-beautiful-dnd is drag and drop library for react.js, developed by Atlassian. There are a lot of libraries out there that allow for drag and drop interactions within React. Most notable of these is the amazing react-dnd. It does an incredible job at providing a great set of drag and drop primitives which work especially well with the wildly …
react-rails, easy way to integrate react to ruby on rails
react-rails(react-ujs) is a convenient and easy way to use react.js on ruby on rails projects.Using this gem/npm combo, we can add react.js boiler plate structure and generate components easily. Running rails server with rails s, will compile react webpack as well.
Loom
Loom is a video recording application, which is similar to screencastify chrome extension. It records video and upload it to https://loom.com/<some url> One of the unique feature of this application is that it provides commenting feature on the web page. A user can share video link to other users and the other users can add …
Laravel – Speed of Running Eloquent
If you call repeatedly relationship model attributes, it will affects to response speed. Because laravel will connect database and tables whenever you call relationship model attributes. So, in this case, you must build one SQL for getting all available attributes from all relationship models. For example: @foreach ($posts as $post) {{ $post->author->fullName }}@endforeach This is …
Web3.js 1.0 Transaction Receive Issue
After deploying a new contract I never receive a receipt object. Expected behavior Receiving a contract object containing the address of the new contract in .on (‘receipt’, …. Actual behavior Nothing happens (also no error). On my node I can look up the contract address manually.The contract gets created. Versions web3.js: 1.0.0-beta.51 (latest) metamask: 6.3.0 (latest) browser: Chromium ethereum node: instance: Geth/v1.8.23-stable-c9427004/linux-amd64/go1.11. Solution …
Highlight specific words in textarea
I had a chance that I need to highlight some invalid characters that users input in <textarea/> tag. At first glance, I thought I could wrap all individual letters inside of <span> tag but I realized that textarea tag cannot contain any other child tags. I researched some solution and found this nice plugin. https://github.com/lonekorean/highlight-within-textarea …
Weird scrolling issue related to autofocus
When an input element has autofocus attribute, page scrolls down to the element when the page is loaded. If you want to prevent it, the only way is to catch focus event and scroll to top of page using javascript. Or you can remove autofocus attribute. 😉