Skip to main content

Posts

Showing posts from December 30, 2018

Having Fun with Mixins in Angular

In my last post I wrote about Statemanagement in Angular. At the end I wrote about a Connect Mixin I had in my mind at that time. Okay to be honest I had a Higher Order Component in mind, but that’s not so easy to achieve in Angular. So let’s take one step after the other.
Read More

A Primer on CSS 4 Variables for Ionic 4

Apparently, good things come in 4’s (sorry, that was the best I could do). Another significant addition to Ionic 4 is going to be support for CSS4 variables, which will now play the primary role in Ionic’s theming approach.
Read More

Manfred Steyer on Twitter

Published: ngx-build-modern Differential Serving for #Angular and the CLI Known from #VueJS CLI as --modern Serve ES5 bundles + lots of polyfills for old browsers (=IE) Serve optimized ES2015+ bundles with fewer polyfills for the others
Read More

FromJS

FromJS shows you were each value in the DOM comes from. For example, some data might have been loaded using fetch, some might have been stored in localStorage, and some might have been hard-coded in the JavaScript code.
Read More

css-hex-grid-sznekq - StackBlitz

Create Your First Custom Angular CLI Schematic with Nx

TL;DR In this tutorial, we’re going to learn the basics of Nrwl’s tool Nx, as well as how to create a custom workspace CLI schematic. You can see the finished code in this repository. Note: This tutorial assumes some basic knowledge of Angular and the Angular CLI.
Read More

Learn {N} Layouts

◀ ▶ Reset 1 2 3 4 5 6 7 8 9 10 Tweet Follow @playcodepip Find NativeScript on GitHub • Twitter • Slack • Forum Want to learn Flexbox for NativeScript? Play Flexbox Froggy.
Read More

Increase Ionic Scroll Performance with Virtual Scroll & Infinite Scroll

When working with Ionic we mostly use the classic Ionic list and iteration patterns we know about. However, if you have a lot of data to display it makes sense to keep an eye on performacne of your application.
Read More

Everything I write in 2019 will be in TypeScript

with TypeScript market share recently surveyed at ~46% of JS developers, I think the tipping point has been reached. Keeping in mind that TypeScript 1.0 was only launched 4 years ago, its clear this will be the year the majority of JS devs (excluding dark matter devs) use TypeScript.
Read More

cyrilletuzi/angular-async-local-storage

Efficient local storage module for Angular : simple API based on native localStorage API, but internally stored via the asynchronous IndexedDB API for performance, and wrapped in RxJS observables to be homogeneous with other Angular asynchronous modules.
Read More

Tomek Sułkowski on Twitter

#JavaScript tip for today: When you have an array of objects use `console.table` to log them as a (sortable!) table. If there are too many properties (columns), you can also specify which one to display - it simply is the second parameter. Useful when showing DOM nodes.
Read More

Exploring Angular DOM manipulation techniques using ViewContainerRef

Whenever I read about working with DOM in Angular I always see one or few of these classes mentioned: ElementRef, TemplateRef, ViewContainerRef and others.
Read More

How to Show/Hide Elements Based on User Roles with Ionic [v4]

When you build an authentication system for your app it’s very likely that you also have some sort of role management. If you want to show or hide different elements in your Ionic app based on a role, this is for your.
Read More

Easy Dialogs with Angular Material

Contents are based on Angular version >= 2.x unless explicitly stated differently. Angular comes with a dedicated UI library that implements Google’s Material Design with Angular components - Angular Material.
Read More

Turning the Static Dynamic: Gatsby + Netlify Functions + Netlify Identity

Q: What is one thing that Gatsby is capable of doing that might surprise some people? — ctlee A: Gatsby can be used to build fully dynamic sites, which surprises some people because of it’s label as a “static site generator”.
Read More

Creating a Tabs Layout with Angular Routing and Ionic 4

Recently, I published a tutorial that talked through how to use Angular routing in an Ionic/Angular application when Ionic 4.x is released.
Read More

How to Handle Angular Reactive Forms

Presenting the developer with a model-driven approach to handle form fields, plan to dive deep into Angular reactive forms.
Read More

Will PWAs Replace Native Mobile Apps?

Upgrade your inbox and get our editors’ picks twice a month. When it comes to the mobile user experience, are mobile websites all that bad? You hear so much about the benefits of building a dedicated native app, but that can become an incredibly costly gamble if users don’t take to it.
Read More

Template Driven Form Validation In Vue.js

Form validation (or more correctly, form field validation) forces a user to fill out all required fields in a web form. The validation is typically done where the developer can set up rules. For example: If the name field is blank, take the user back to the form and display an error message.
Read More

Connect to the Twitter API in an Angular 6 App

In this tutorial, you'll learn how to authenticate and connect to the Twitter API using Node.js and Angular 6. By the end of this tutorial, you'll have done the following: We will start by building a Node server which handle interaction with the Twitter API.
Read More

Top 10 Articles of the past year for Programmers

Here are the top 10 articles that I believe every programmer should read from this past year. Reading these articles has made me a better programmer/engineer/developer and I hope it will do the same for you: Thank you for reading this far.
Read More

Become a GIT pro by learning GIT architecture in 15 minutes

Git may seem like a complex system. Just ask google. Here are some of the titles that a quick search turns up: At first glance these statements may seem to hold true but once you understand the underlying concepts working with Git becomes a delightful experience.
Read More

Snippets for VS Code

This article is geared towards JavaScript and TypeScript so the code examples will be written in mentioned languages.
Read More

Ivy engine in Angular: first in-depth look at compilation, runtime and change detection

I usually finish my talks with the philosophical phrase that nothing stays the same. And as you probably know it’s more then true with Angular. The current rendering engine is being rewritten with the new much enhanced version called Ivy. The current status of Ivy can be tracked here.
Read More

Creating a File Upload Component in Angular (Including Backend)

Creating file-upload components can be quite hard. Not only because you need to deal with files in JavaScript. Also, because you need an API to test against before you can actually start coding.
Read More

Having Fun with Mixins in Angular

In my last post I wrote about Statemanagement in Angular. At the end I wrote about a Connect Mixin I had in my mind at that time. Okay to be honest I had a Higher Order Component in mind, but that’s not so easy to achieve in Angular. So let’s take one step after the other.
Read More