Your Choice JavaScript News

Javascript, react, reactnative, flow & much more…

TypeScript News Sunday, May 27

Flow vs TypeScript in React — My two cents – gitconnected

  • Flow vs TypeScript in ReactMy twocents – The pros and cons of TypeScript andFlow – Should you use Flow or TypeScript in your next React project?
  • Strict Types: Typescript, Flow, Javascriptto be or not tobe?Flow and TypeScript are both fantastic ways to limit technical debt in your JavaScript projects, allowing you to, among other things, evolve your codebase with confidence.
  • For a while I wrote React projects in TypeScript, React Native projects in Flow, and everything was love and all was well.
  • Moreover, support for React in both TypeScript and Flow is becoming more and more sophisticated, and it could be good to develop a strong expertise in only one of the two type systems.
  • Upfront compile errors : This can probably be configured in both TypeScript and Flow, but having upfront compilation errors instead of a non mandatory type check seems to save time when testing your code by preventing you from running code that is bogus anyways.

Tags:

Flow vs TypeScript in React — My two cents – gitconnected

Best Firebase tutorials, courses & books 2018 – ReactDOM

  • Angular and Firebase Build a Web App with Typescript by Angular University will teach you to build full-stack applications using Angular and Firebase.
  • Angular 4 and Firebase 3: Create a Instagram-like portal by Essential Courses will teach you how to code and deploy a complete front-end single page application built using Angular 4 and Firebase 3.
  • This course requires previous basic knowledge of Firebase and Angular.
  • This book covers the key features of Android app development using Firebase.
  • This Ionic and Firebase book will teach you the create content-based Ionic mobile apps.

Tags:

Best Firebase tutorials, courses & books 2018 – ReactDOM

Angular 6 – Custom Modal Window / Dialog Box

  • For the same example in Angular 2/5 check out Angular 2/5 – Custom Modal Window / Dialog Box.
  • The tutorial code is available on GitHub are plenty of 3rd party libraries and plugins out there that include modal windows, and up until recently I used them myself when I needed to add a modal to a project.
  • The main issue that I have with 3rd party libraries is that they usually contain a lot of features I don’t need which adds unnecessary bloat to my application, so a while back I took the time to create a custom modal window in Angular 1to see how difficult it…
  • Here it is in action: (See on StackBlitz at are three main pieces of code that make up this custom modal implementation: – – Once you have the above three files (or the code from them) integrated into your project, you can add modals to your pages with the custom…
  • To open and close (show/hide) a modal dialogyou need to use an instance of the ModalService by importing it into your controller, injecting it into the constructor and calling and , e.g: – – The example controller passes the modal id from the view, but it could also be set…

Tags:

Angular 6 – Custom Modal Window / Dialog Box | Jason Watmore’s Blog