DEV Community: Pablo

Links

Pablo — Thu, 15 Sep 2022 16:27:24 +0000

Services
https://www.youtube.com/watch?v=W-ukSOhcrjo

https://refactoring.guru/refactoring/techniques

https://github.com/MoienTajik/AspNetCore-Developer-Roadmap

Things I Was Unprepared For As A Lead Developer

Pablo — Thu, 11 Nov 2021 16:10:11 +0000

Need to store some data?

Pablo — Fri, 27 Aug 2021 18:59:42 +0000

https://blog.codepen.io/2018/06/07/need-to-store-some-data/

Karma Chromium Driver

Pablo — Mon, 07 Jun 2021 16:05:54 +0000

The problem: karma "ChromeHeadless have not captured"

As a solution try to:

brew install --cask chromium

==> Installing Cask chromium
==> Moving App 'Chromium.app' to '/Applications/Chromium.app'
==> Linking Binary 'chromium.wrapper.sh' to '/opt/homebrew/bin/chromium'
🍺  chromium was successfully installed!

Remember to allow Chromium at Security & Privacy.

Debugging PHP with XDebug and VsCode

Pablo — Mon, 31 May 2021 14:24:45 +0000

https://www.youtube.com/watch?v=LNIvugvmCyQ
http://xdebug.org/wizard

At .bash_profile add export XDEBUG_CONFIG="idekey=VSCODE"

.vscode/launch.json

"configurations": [
        {
            "name": "Listen for Xdebug",
            "type": "php",
            "request": "launch",
            "port": 9000
        },
        {
            "name": "Launch currently open script",
            "type": "php",
            "request": "launch",
            "program": "${file}",
            "cwd": "${fileDirname}",
            "port": 9000,
            "runtimeExecutable": "/Applications/MAMP/bin/php/php8.0.0/bin/php"
        }
    ]

/Applications/MAMP/bin/php/php8.0.0/conf/php.ini

[xdebug]
  zend_extension = /Applications/MAMP/bin/php/php8.0.0/lib/php/extensions/no-debug-non-zts-20200930/xdebug.so
  xdebug.mode=debug
  xdebug.start_with_request=yes
  xdebug.remote_enable=1
  xdebug.remote_autostart=1
  xdebug.client_port = 9000
  xdebug.client_host = "127.0.0.1"
  xdebug.idekey = VSCODE

node modules

Pablo — Fri, 12 Feb 2021 22:11:25 +0000

madge

Madge is a developer tool for generating a visual graph of your module dependencies, finding circular dependencies, and give you other useful info. Joel Kemp's awesome dependency-tree is used for extracting the dependency tree.

npm-check-updates

Upgrades your package.json dependencies to the latest versions, ignoring specified versions.

WiFi Boost?

Pablo — Mon, 31 Aug 2020 13:55:20 +0000

I'm having a bad time with my WiFi connection when I'm attending to video calls.

I'm not sure the main issue, I have two laptops (Windows and Mac) and the problem seems to happen mostly on Windows, where I constantly have lags when I start to speak (not so much when I'm just listening).

I did some changes on Windows, but it still crap. Now I'm doing some changes on my modem:

Disable: Enable Energy Saving (System Tools > Advanced Power Management)
Change from Automatic Channel to 1, 6 or 11. Why Channels 1, 6 and 11?

Let's see what will happen.

Test Speed

Angular Tests

Pablo — Wed, 05 Aug 2020 13:29:31 +0000

I'm trying to figure it out why I'm getting DISCONNECTED while running my tests.

So I did this to see what's been tested:

npm i karma-spec-reporter --save-dev

karma.conf.js

plugins: [require('karma-spec-reporter'), ...],

reporters: ['spec', ...],

specReporter: {
    maxLogLines: 5, // limit number of lines logged per test
    suppressErrorSummary: true, // do not print error summary
    suppressFailed: false, // do not print information about failed tests
    suppressPassed: false, // do not print information about passed tests
    suppressSkipped: true, // do not print information about skipped tests
    showSpecTiming: false // print the time elapsed for each spec
},

https://stackoverflow.com/a/58202615/1958882

And added this:

captureTimeout: 210000,
browserDisconnectTolerance: 3, 
browserDisconnectTimeout : 210000,
browserNoActivityTimeout : 210000,

https://github.com/jasmine/jasmine/issues/1413#issuecomment-334247097

browsers: ["Chrome-headless"],
customLaunchers: {
    "Chrome-headless": {
        base: 'Chrome',
        flags: [
            '--no-sandbox',
            '--disable-gpu',
            '--enable-logging',
            '--no-default-browser-check',
            '--no-first-run',
            '--disable-default-apps',
            '--disable-popup-blocking',
            '--disable-translate',
            '--disable-background-timer-throttling',
            '--disable-renderer-backgrounding',
            '--disable-device-discovery-notifications',
            '--remote-debugging-port=9222',
            '--disable-web-security',
            '--watch=false'
        ]
    }
},

https://github.com/jasmine/jasmine/issues/1413#issuecomment-432112670

And still, this damn thing it's not working... 😡

Avoid karma tests running twice on autoWatch

autoWatch: false,

https://pracucci.com/avoid-karma-tests-run-twice-on-autowatch.html

Bitbucket Pipeline: Heroku

Pablo — Sat, 01 Aug 2020 15:50:42 +0000

In my little cozy world, for many times just because it's working I keep doing it the lazy way.

When I knew about Heroku and how to deploy a app, I thought that nothing could get better and for a long time I was deploying from my terminal.

Today I tried deploy through Bitbucket Pipelines and as dumb as it seems it took me a while to figure it out how to setup the bitbucket-pipelines.yml file.

// get the `HEROKU_API_KEY`
$ heroku auth:token

# https://bitbucket-pipelines.prod.public.atl-paas.net/validator

clone:
 depth: full

pipelines:
 branches:
   master:
     - step:
         name: Deploy
         caches:
           - node
         script:
           - git push -f https://heroku:$HEROKU_API_KEY@git.heroku.com/$HEROKU_APP_NAME.git master --no-verify

With this, you'll get to Build succeeded! in a way that your mom would be very proud (because she doesn't understand a thing but she thinks that only you could have done it).

How do you keep your NPM packages update?

Pablo — Fri, 31 Jul 2020 10:17:38 +0000

You have multiple projects going on and if you keep them always update to the last version, sometimes you expend some precious time trying to figure it out what and why your build broke (after the update).

Normally when I update I run npm-update, which it's a package that search for all last versions from your dependencies.

I don't know if this is a good practice, but I like to keep my dependencies always at the last version.

So... how do you manage this?

React Native

Pablo — Wed, 29 Jul 2020 12:21:11 +0000

Some Stones Catch Along the Ride

Image not Showing

cd android/app/src/main/res/ && rm -rf drawable-*/src_assets_images_*.png drawable-*/node_modules_*.png

Task :react-native-{lib}:compileDebugJavaWithJavac

> Task :react-native-firebase:compileDebugJavaWithJavac FAILED

FAILURE: Build failed with an exception.

* What went wrong:
Execution failed for task ':react-native-firebase:compileDebugJavaWithJavac'.
> Compilation failed; see the compiler error output for details.

This is a AndroidX issue, workaround to fix

cp -n app/android/gradle.properties app/node_modules/react-native-{lib}/android/gradle.properties

Change those two values to false and reply to broken libs

cp -n app/node_modules/react-native-{lib}/android/gradle.properties app/node_modules/react-native-{lib}/android/gradle.properties

GIT Tips

Pablo — Wed, 29 Jul 2020 12:12:21 +0000

Naming Branches

https://stackoverflow.com/questions/273695/what-are-some-examples-of-commonly-used-practices-for-naming-git-branches

Removing Untrack Files

git clean -d -n
git clean -d -f

font