carloscasalar

React tips, links and articles

• React & Redux in TypeScript - Static Typing Guide
• How to build Chrome extensions with React + Parcel
• Managing user permissions in your React app
• The Three Pigs: how to structure your React-Redux application
• Gestionando y validando formularios con React

Testing

• The hidden power of Jest matchers

carloscasalar

VueJS Tips and Links

• Vue style guide
• Vue school
• Tailwind, a friendly style framework
• Getting started
• Creating custom checkbox
• Top 10 articles (2017/10)
• Ream: Universal framework for vue
• An Introduction to VuePress. Want a quick, SEO-friendly static documentation website with Vue.js support? Look no further than VuePress.
• [Understanding vue-router](https://blog.webf.zone/vue-router

carloscasalar

Intellij Tips

• Avoid * imports
• Multiedit next occurrence Alt + J on win and linux or Ctrl + G on mac
• Multicursor: ctrl + ctrl hold while move cursor with keys up or down.
• The feature that allows you to back after click and follow a reference in the code is called navigate back and the opposite is navigate forward.
• Prettier on save: https://medium.com/@netczuk/even-faster-code-formatting-using-eslint-22b80d061461

carloscasalar

Chrome tips.

• Enable socket.io debug: localStorage.debug='*socket.io'

carloscasalar

Typescript usefull links

• Why typescript?

carloscasalar

ES6 tips & links

• Rename & Destructure Variables in ES6

const myVars = {
  myVarA: 'aaaaa',
  myVarB: 'bbbbb'
};

const { myVarA: a, myVarB: b } = myVars;

carloscasalar

Angular Formly tips

• Cheatsheet
• Adding validation feedback icon next to a field

carloscasalar

The Ultimate Unit Testing Cheat-sheet

For Mocha, Chai and Sinon

using mocha/chai/sinon for node.js unit-tests? check out my utility: mocha-stirrer to easily reuse test components and mock require dependencies

---

• Sinon Chai
• Chai
• Sinon
• Mocha

carloscasalar

/* The code below takes a constructor and exposes its private functions
   Useful for unit testing (not general use). An example usage is below it. 
   Access to the private functions available through the _privMems property. */
/* Original credit goes to Rob Gravelle
   http://www.htmlgoodies.com/beyond/javascript/accessing-private-functions-in-javascript.html */

var Reflection = {};
 
Reflection.createExposedInstance = function(objectConstructor, args)
{

carloscasalar

JMS links and tips

• Introduction to JMS (ES)
• Spring JMS Support
• Spring boot example / Github repo
• Sample XML configuration and acknowledge