Working with State Management and Angular

Ralph/ January 31, 2020/ Angular, rxjs

Introduction One of the most challenging things in software development is state management. Motivation What is a state (or application state)? Theoretically, it is the entire memory of the application, but, typically, it is the data received via API calls, user inputs, presentation UI State, app preferences, etc. It is the data that can differentiate two instances of the same

Read More

Working with Angular

Ralph/ January 28, 2020/ Angular

Styling the user interface: Bootstrap Install Bootstrap Adding Bootstrap From CDN Add the following lines into src/index.html Adding Bootstrap via NPM Another way to add Bootstrap to your Angular project is to install it into your project folder by using NPM. Add the installed files into src/angular.json Check Bootstrap Add the following lines into src/app/app.components.html Adding Angular Bootstrap Extensions https://github.com/valor-software/ngx-bootstrap

Read More

Working with p5.js

Ralph/ January 19, 2020/ Angular, Ionic, p5.js

Introduction p5.js is a JavaScript library for creative coding, with a focus on making coding accessible and inclusive for artists, designers, educators, beginners, and anyone else. In this Post, you will learn how to create an ionic app using p5.js to create an amazing demo of the Lissajous Curve (de/en). If you want to learn more about this amazing graphs,

Read More

rxjs | Cookbook

Ralph/ September 28, 2019/ Angular, Cookbook, Javascript, rxjs

Informations NGRX – Reactive State for Angular Original Post is here. Github repo has the code snippets at choopage’s GitHub repo. Recipes Chaining of observable The below snippet would return 0, 1, 2, 3…, n until it is stopped. It would be returned at every 2 sec. See reference here. Response transformer The below would return undefined at every 2 sec interval.

Read More

Working with Projects

Ralph/ August 20, 2019/ Angular

TL;DR Live Demo or Source Code Create base application Main ideas comes from here: Combining Multiple Angular Applications into a Single One Generate base app and workspace In the following steps, we will create a main application and 2 sub-applications. Each Sub-Application consists of 2 Views (Pages) and a common navigation bar. As a result, we will get the following

Read More

Naming conventions in Angular/Ionic projects

Ralph/ March 24, 2019/ Angular

github.com/mgechev/angularjs-style-guide Tutorials : http://www.toptal.com/angular-js/a-step-by-step-guide-to-your-first-angularjs-app http://viralpatel.net/blogs/angularjs-controller-tutorial/ http://www.angularjstutorial.com/ Details of application structure and naming conventions : https://github.com/camronlevanger/AngularJS-Guide Discontinued –> https://github.com/meanJim/neonmob-angular-style-guide https://github.com/GrumpyWizards/Angular https://github.com/mgechev/angularjs-style-guide https://google-styleguide.googlecode.com/svn/trunk/angularjs-google-style.html For structuring an app, this is one of the best guides that I’ve found: Google’s Best Practice Recommendations for Angular App Structure Other links:  https://gist.github.com/PascalPrecht/5411171 http://briantford.com/blog/angular-bower https://github.com/angular/angular-component-spec  https://docs.google.com/document/d/1XXMvReO8-Awi1EZXAXS4PzDzdNvV6pGcuaF4Q9821Es/pubshareimprove this answer