danywalls

Developer / Father / Human

Feedly is an RSS feed client that help me to avoid use Twitter as a default news feed and keep my bookmarks clean.

I'm trying to quit Twitter, but I need to keep an easy way to get information related companies, blogs friends with very valuable information.

With Feedly, I can follow twitter accounts, websites, hashtag and can create a board for saving some posts into the specific board for example “React” or “Vue” and I can save all things related to these topics and read later.

If you use Twitter only as a news feed then should use Feedly as an alternative and clean your bookmarks as well.

https://feedly.com

#apps

Flutter is a Dart Framework for building mobile 2D Apps for iOS and Android.

The Flutter SDK provides utilities, functions, and widgets to create apps with one codebase.

In short words, Flutter is a framework with a set of features that use Dart as a programming language to interact with the Flutter SDK.

The Flutter mindset is like build apps as widgets tree and everything should be a widget.

We will use our Flutter API with Dart for creating Apps and the Fluter SDK take our Dart code to transform into native code for IOS and Android.

Flutter looks nice, I expect to play more in the future, If you want to learn more about flutter, you can take the following online courses, I recommend first read a little bit about dart language, take online the first app and then continue with the Udacity Flutter course.

#flutter

When we develop for asp.net and we want to access our IIS-Express server from the other computer or mobile.

IIS-Express Proxy is a Nodejs package that allows us to access our IIS-Express from any device in the same network.

To use it, it is enough to start our web application in Visual Studio debug mode and the application will start the IIS Express in some example port http: // localhost:9597, to be able to access from our mobile, We have to install iisexpress-proxy node package.

1-Install iisexpress-proxy globally. npm install iisexpress-proxy -g

2- Specify iisexpress-proxy where the port has to redirect. iisexpress-proxy 9597 to 3000

Using our device connected to the same network, we can to your IIS-Express, you can read more information visiting the Github package web https://github.com/icflorescu/iisexpress-proxy.

#npm

Sometimes We need to add a externals libraries like Bootstrap or Bulmacss into our Angular 2/6 Applications. The easiest way to handle this is passing the responsibility to Webpack.

Angular CLI allows configuring easily the angular.json files to handle externals libraries, for example into our next case we will install Bootstrap.

npm i bootstrap --save

To notify Webpack to handle the Bootstrap library, we edit the angular.json and includes the paths.

"styles": [ "src/styles.css", "node_modules/bootstrap/dist/css/bootstrap.min.css" ], "scripts": [ "node_modules/bootstrap/dist/js/bootstrap.min.js" ]

DONE! Now you move all responsibility to Angular-CLI and Webpack to handle all libraries registered in the angular.json.

#Angular

If you are Typescript guy you don't care about .js and .map and only keep your focus into .ts files this configuration is for you.

Some task runner moves this kind of files to some directory but if you only want to keep your focus into .ts files, you can exclude these extensions from visual studio settings.

"files.exclude": { "**/.git": true, "**/.DS_Store": true, "**/*.js": true, "**/*.js.map":true } #typescript

If you are a Mac user and love Spotlight or Alfred, If for you is normal type cmd + space to find or launch some app, maybe you missed keep doing the same thing on #Windows, then Wox is your answer

Wox is a launcher for windows like Alfred, with skin support, plugins and more, so if you want to continue to use one launcher on windows give the opportunity to wox.one

Today I started a new process to move my blog from #WordPress and #Medium to Write.as

Write.as is working on allow publish into custom domains into from iOS, but my easy workaround is to add to homescreen shortcut on my iPhone and it allows to publish easy and works like a charm.

Yesterday, I found a good reason to use arrow functions, sometimes I said the arrow functions is a fancy or shorter way to write functions but this is not the only benefit, the Arrow functions can keep the scope of his object without going to global window, I will explain with code.

let paymentmanager = { invoiceId: 1, CloseInvoice: function(){ console.log("close invoice" + this.invoiceId); } }

this code works fine, but if we add a simple extra requirement like a function for wait 1 second until the invoice is created or ajax response.

Read more...

These days I was working in a place where “the proxy” was not my best friend, trying to install my packages using npm or install the VSCode extensions was impossible so I need to configure the proxy in both.

From the terminal:

npm config set proxy http: // yourproxyiporaddress: port npm config set https-proxy http: // yourproxyiporaddress: port`

For VSCode extensions the “proxy” is also required:

Preferences> User Settings "http.proxy": "http: // yourproxyiporaddress: port" ` #proxy

MomentJS is a library that I love to manage the dates and you can put to work with #Vue using the filters, I will explain how to combine them.

The first thing is to add the references to #MomentJS and Vue in our page, besides creating a file named filters.js to store all filters functions.

<script src="https://momentjs.com/downloads/moment-with-locales.js"></ script> <script src = "https://vuejs.org/js/vue.js"> </ script> <script src = "filters.js"> </ script>

Creating Filter

Using the function Vue.filter() and passing the name of the filter as the first parameter and the function as a second. My example the function receives the date as parameter and inside I write the definition of our function that is using the MomentJS library, using as parameters the date and a format “YYYYMMDD”, this creates an instance of MomentJS that contains the method fromNow () that returns us the time from the date we have passed until today.

Read more...