web development

Have you ever wanted to build something as a web developer? The answer is probably…yes. A common problem web developers have is that they don’t know WHAT to build and HOW to build them. Well, you’ve come to the right place. This is a list of 17 web apps you can ...

The technical term, “crawling” means accessing websites automatically and obtaining data. Web crawlers, spiders, or search engine bots download and index web content from the Internet. Search engines, like Google, use bots or web crawlers and apply search algorithm to ...

How to avoid TypeError: Cannot read property ___ of undefined using Array.filter(Boolean) tl;dr: Array.filter(Boolean) filters out falsy values (null, undefined, 0, false, '') and avoids Cannot read property of undefined errors. Table of contents: ...

Writing multiple components in one file is a pattern from React where some files contain multiple components. Some of those components are “private” to the file/exported component since no other component needs to consume them. ...

GraphQL is a great alternative to REST (or other HTTP API designs). This is an quick introduction to the core concepts around consuming a GraphQL API. To see some examples consuming a GraphQL API: In Python, see Python GraphQL client requests example using gql In JavaScript (brow ...

An example consuming a GraphQL API in JavaScript from Node and the browser using graphql.js See the example live: https://example.codewithhugo.com/js-graphql-client-example/. Full repo: https://github.com/HugoDF/js-graphql-client-example. ...

An example consuming a GraphQL API from Python using gql. Full code example at HugoDF/python-graphql-client-example. ...

One of git’s main differences when compared to other version control systems is that it lets the user rewrite the history. The main way to do this is to use git rebase, usually followed by a git push --``force to overwrite history the remote with the local history. Here’s a ...

Vue.js is “The Progressive JavaScript Framework”. It takes inspiration from all prior art in the view library and frontend framework world, including AngularJS, React, Angular, Ember, Knockout and Polymer. In Vue (and Angular/AngularJS), a directive is a way to wrap f ...

Ditching syntax highlighting leads to more concise snippets, more thought to be put to find a minimal example and better overall flow in your writing. ...