Sébastien Lucas / Dev wiki
  • Blog Wiki
  • Story book
  • Developers comics
  • Angular
    • Angular CLI + Angular.json
    • ngTemplateOutlet
    • Angular Schematic
    • Interceptor
    • Micro frontend + Mono repo
    • Build a library module
    • Error handling
    • Virtual and infinite scroll
    • Angular i18n
    • Debug Angular
    • Angular LifeCycle Hook
    • Nested forms in Angular
    • Angular Recipes
    • Master component in Angular
    • Perfomance optimization
    • Service Workers + PWA
    • Mobile
    • Electron app / Desktop app
    • Unit test & Angular
      • Unit test recipes (Jasmine / Karma / Angular)
      • Testing services with httpMock
    • Communication between components
    • Angular snippet library
    • Release and version management
    • Angular tutorial selection
    • UI components libraries
    • Angular libraries
    • Angular Tutorials
    • NGRX
      • Angular NGRX / Tips and code examples
      • Angular new Redux (alternative to ngrx)
      • NGRX unit test
      • Angular ngrx / Basics
    • Angular 2/Angular 1 differences
  • Graphql
  • Three.js
  • Ag grid
  • Open source BIM and 3D
  • Javascript
    • Null vs undefined
    • Html API
    • Await API
    • Debug memory leaks
    • Offline and PWA
    • Javascript tutorials
    • Javascript recipes
    • Bluebird missing docs
    • Alternative to lodash with ES6
    • ES6 syntax the best parts
    • Vanilla JS
  • RXJS
    • Docs
    • Recipes
    • Mock API and sandbox
    • Observables rxjs recipes
    • Combination operators
  • NODE.js
    • Environment variables
    • Fix CORS
    • Pagination requests in API
    • API tests
    • Node.js security
    • Learn node.js
    • Best libraries for node.js
    • Mongoose recipe
    • Debug node.js
  • Gatsby / React
    • Hooks
    • React concepts
    • Gatsby internationalisation
  • Ghost blog
  • Services for developers
    • SaaS images services
    • Airtable API examples
  • MISC
    • JIRA debugging
    • Wordpress plugins
    • Interview Sébastien Lucas
    • English expression
    • True recipes
    • Science podcast
  • AI
    • Machine learning open source
    • Tensor flow
    • Machine learning
    • Code examples
    • Courses and tutorials
    • Datasets
    • The Future of AI
    • Learn algo and data structures
  • Typescript
    • Generic types
    • Typescript recipes
    • Advanced types
      • Conditional types
      • Type guards
    • d.ts files
  • Docker
    • Starting with docker
    • Dockerise simple node app
    • Docker by aymen el amri
  • Mongodb
    • Pattern and data modeling
  • Devops
    • Heroku
    • Scaleway
    • Github template
    • Gitlab CI
    • http2
    • nginx
    • zsh
    • CI Continuous integration
    • DNS
    • Devops resources
    • Gcloud useful commands
    • Authenticate Gcloud
    • Documentation generators
    • Firebase database
  • Developers ressources
    • Online platform coding
      • Online courses
      • Coding games
      • Coding test platforms
      • Links to check
    • Good developers blogs
    • Nice open source project / github
  • Tooling
    • The chrome urls
    • Linux Mac tips
    • Webstorm configuration
    • Develop in Windows
    • Mac debug hardware
    • Mac Setup for a developer
    • Chrome extension
    • Develop toolbox
  • HTML / CSS
    • Tailwind
    • Css grid
    • ☘️Nice styles & generators
    • Favicon
    • Flexbox grid
    • Flexbox layout
    • PUG templates tips
    • Html and css references
    • Css snippets
    • SASS-CSS libraries
    • New things in scss
    • SASS best practices
    • Style lint
  • Tests
    • Cypress
      • Learn cypress and more tests
      • Cypress commands
      • Cypress plugins
      • Page object && app actions
      • Flaky tests
    • Mobile test
    • BDD + Cucumber
    • Puppeteer
    • Type of tests + Ressources
    • Jasmine test
    • Mock, fake, stub in unit tests
    • E2e tests with protactor
    • Mocha
  • REVIT & AEC tools
  • Git
    • Git commits
    • Git tips
    • Git hooks
    • Set up a mono repo
  • Design Pattern
    • Functional Programming
  • Job board / Remote jobs
  • SVG
  • JSON
  • Github
    • Forking a github repo
  • NPM
    • Private NPM packages
    • Publish to NPM with np
  • Yarn
    • Yarn evolution / 2, 3...
    • Yarn Linking
Powered by GitBook
On this page
  • A text editor
  • A terminal
  • A simple node server
  • Versioning
  • Misc
  • 148 Open 142-Works_Pagination1
  • 149 Open 146-Disable_Owner_Address_Edit

Was this helpful?

  1. Tooling

Develop toolbox

PreviousChrome extensionNextHTML / CSS

Last updated 6 years ago

Was this helpful?

Developer tooling is important! With good tools we lose less time in stupid things and can concentrate on the app specific stuff we are paid (or not paid) for.

A text editor

  • Sublime text

  • Atom.io

A browser with good debugging

Alternatives are :

  • Chrome With dev tools

  • Mozilla Firefox with debugger

  • Chrome canary with dev tools

Though Firefox have interesting features with a nice design of the debugger. Chrome offer more extensions and mainly I am more used to chrome for good or bad reasons.

Online coding

Allow to test code online before puting in your project

  • Js bin

  • Plunkr

  • Code edit

  • ...

A terminal

  • A well though shell settings maintained by community

A simple node server

Versioning

  • git

  • github account

Misc

tuneling an app with a specific port to make it available on a mobile phone for example ngrok http --host-header=rewrite 4200

The following screen is what we see when we launch a port tunneling with ngrok.

/Applications/ngrok http 8001

ngrok exposes local networked services behinds NATs and firewalls to the public internet over a secure tunnel. Share local websites, build/test webhook consumers and self-host personal services.

  • App cleaner

When chrome get mad with its settings for example the famous dev tools zoom that you are unable to reset. Just reinstall Chrome. But in order to delete properly and do get rid of the settings that annoy, this simple free app will do the job. Select the app(s) you want to truly delete and click on the search button to launch to search for dependency files, they click on delete.

Your branches

148 Open 142-Works_Pagination1

149 Open 146-Disable_Owner_Address_Edit

iterm better terminal for Mac

|

Ngrok allow to make localhost available on www to share an url to others or test situations where a distant server need to access your machine (web hook for example).

The official description is :

Stackblitz
https://www.iterm2.com/
https://github.com/robbyrussell/oh-my-zsh
http://ohmyz.sh/
https://www.npmjs.com/package/http-server
https://ngrok.com
https://freemacsoft.net/appcleaner/
First upload