Category – JavaScript
71 posts tagged with "JavaScript" (See all categories)

FFix npm Vulnerabilities with Yarn

08/17/20191 Min Read — In JavaScript, DevTools

Sometimes I get alerts on GitHub because my project's npm packages have security issues. With npm, you can use npm audit fix to update your packages. What about yarn? Yarn also has a command for…

FFriday Picks #14

08/16/20191 Min Read — In JavaScript, Lab

Here are some things I've found useful this week or that I enjoyed: GraphQL Recipes - Building APIs with GraphQL Transform Paged Out! #1 : a free magazine about programming Reef - a lightweight…

JJavaScript Generators, Getters and Setters

08/15/20191 Min Read — In JavaScript

I'm trying to wrap my head around JavaScript generators . One article that helped me to grasp its concepts is JavaScript Getter-Setter Pyramid by André Staltz. Another valuable resource is the…

TThe Odin Project and Full Stack Open

08/06/20191 Min Read — In Lab, JavaScript

I've read about The Odin Project a few times on reddit. People seem to be happy about this (free) curriculum, as it starts from zero, but doesn't hold your hands. They offer a Ruby course and a…

FFriday Picks #10

07/19/20191 Min Read — In Lab, JavaScript, TypeScript, Node.js

Here are some things I've found useful this week or that I enjoyed: As a senior developer, how do I better mentor an intermediate developer who is struggling? - Reddit thread about mentoring (might…

SState Machines and Statecharts in JavaScript

07/15/20191 Min Read — In JavaScript

A few days ago, I heard of using state machines in JavaScript. I've been listening to React Roundup podcast episode 069 The State Machines in React with David Khourshid . David wrote a JavaScript…

FFriday Picks #9

07/12/20191 Min Read — In Lab, JavaScript, Node.js

Here are some things I've found useful this week or that I enjoyed: Boilerplate Code - Starter projects in React, Vue, Python, Full-Stack - some useful boilerplates As a self taught developer, i feel…

LLearn About Gatsby Themes

07/08/20191 Min Read — In Lab, JavaScript, React.js

Yesterday I finished Introduction to Gatsby , a beginners course by Jason Lengstorf, hosted by Frontend Masters. Gatsby is a static site generator for JavaScript/React.js. It pre-builds your website…

LLearning About State Management

07/02/20191 Min Read — In JavaScript, React.js, Lab

Today I listened to a React Podcast episode where Michel Weststrate was a guest . He talked about state management, MobX , and Immer , his new library. Listening to talk like these, and the ideas…

FFriday Picks #8

06/28/20191 Min Read — In TypeScript, JavaScript, React.js, Node.js

Here are some things I've found useful this week or that I enjoyed: TypeScript Weekly - a newsletter for TypeScript How YOU can use Nest to build a GraphQL API - a tutorial that walks you through…

SSimple Frontend Pagination in React

06/25/20191 Min Read — In JavaScript, React.js

I'm a big fan of Brad Traversy and this video is one of the reasons why: If you have some rudimentary knowledge of React.js, you should be able to follow Brad's instructions. As always, he offers…

RReact.js - How to Fetch Data

06/24/20191 Min Read — In JavaScript, React.js

If you want to know more about data fetching with hooks, you can read these two articles, too: A Complete Guide to useEffect & How to fetch data with React Hooks? . For a short video tutorial on…

FFriday Picks #7

06/21/20191 Min Read — In TypeScript, JavaScript, React.js

Here are some things I've found useful this week or that I enjoyed: You don't need passport.js - Guide to node.js authentication - Santiago Quinteros explains how authentication in Node.js…

YYouTube Channels to Follow

06/20/20191 Min Read — In TypeScript, JavaScript

Here are some recommendation for useful YouTube channels for JavaScript and learning web development: Ben Awad - short videos about React.js, GraphQL, Node.js, JavaScript Dev Mastery - architecture…

TTIL: How to Pass Props to React Router

06/16/20191 Min Read — In React.js, JavaScript

Just a short note: Today I learned that you shouldn't pass props to React Router with the component attribute, but with render . From the Docs : When you use component (instead of render or…

FFree Node API Book

06/15/20191 Min Read — In Lab, JavaScript

If you follow JavaScript Teacher on Twitter , you'll notice that he's giving away another book on web development: Node API Book - you have to provide an email address Further Reading JavaScript…

##60seconddev on Twitter

06/06/20191 Min Read — In Lab, JavaScript

At the moment I'm struggling with enabling CORS for an AWS Gateway API . I haven't found a solution yet . Meanwhile, I found the #60seconddev hashtag on Twitter. The original Instagram posts are…

FFrom Zero to App by Flavio Copes

06/04/20191 Min Read — In Lab, JavaScript

Today I found a new exciting video course by Flavio Copes : I am going to document the process of building an online diary Web App built using React, Node.js, GraphQL, Postgres. From zero (rough idea…

EESLint Parsing error: Unexpected token

05/30/20191 Min Read — In JavaScript

ESLint throws some errors: or, when using JSX: Per default, ESLint defaults to ES5 and doesn't understand the keywords import or const . You have to configure ESLint to use the correct parser…

EEgghead.io Sale

05/28/20191 Min Read — In Lab, JavaScript

One of my favorite online learning resources for JavaScript and front-end development is Egghead.io . They offer some free resources . But their premium tier is worth the money. At the moment, they…

RReact Components

05/27/20191 Min Read — In React.js, JavaScript

You can do a lot of nifty things with React when you think about how you can use functions in JavaScript. At the moment, I'm learning more about reusable components and composing components together…

FFriday Picks #3

05/24/20191 Min Read — In Lab, JavaScript

Here are some things I've found useful this week or that I enjoyed: On Lisp in 15 minutes belly.io - A curated list of streamers SOLID Principles: The Software Developer's Framework to Robust…

SSvelte.js: First Impressions

05/22/20191 Min Read — In JavaScript, Svelte.js

In the last two days, I started learning Svelte.js . I'm positively surprised. Svelte is easy , and it works. React 's abstraction level is high, especially if you mix in JSX. With Svelte, you stay…

VVim and Svelte.js

05/21/20191 Min Read — In Vim, JavaScript, Svelte.js, DevTools

Yesterday I explained how you can add linting and formatting support for Svelte.js with ESLint and Prettier . But how can you integrate it into (Neo)Vim and ALE ? 1. Installation Follow the steps…

FFriday Picks #2

05/17/20191 Min Read — In React.js, JavaScript, ClojureScript

Here are some things I've found useful this week or that I enjoyed: The Ultimate Guide To Learning Code And Getting Paid: How To Find Your First Software Engineering Job in 2019 Reintroducing React…

FFree React Function Component Workshop

05/16/20191 Min Read — In JavaScript, React.js

There's an interesting (free) YouTube livestream about React today. It's by Michael Chan ( @chantastic ), React Podcast host. I liked it because it's beginner-friendly but still covers design…

ggatsby-mdx Error

05/12/20191 Min Read — In JavaScript

This blog runs on Gatsby with the Gatsby Starter: Minimal Blog by LekoArts . I recently upgraded some dependencies and ran into some issues. The repo switched from @mdx-js/tag to @mdx-js/react…

FFriday Picks #1

05/10/20191 Min Read — In React.js, JavaScript, Vim, ClojureScript

Here are some things I've found useful this week or that I enjoyed: Full Stack Radio: 114: Sebastian De Deyne - React for Vue Developers React Redux TypeScript Guide Intro to React Hooks Full Stack…

FFocus on JavaScript

05/09/20191 Min Read — In React.js, JavaScript

I've decided to dial back my interests and to focus on JavaScript/React.js, front-end tech, and clean code/architecture . Maybe I'll throw in some ClojureScript... Work has picked up and I have…

PPersistence

05/05/20191 Min Read — In JavaScript, React.js

I'm still trying to figure out what causes a memory leak with my useEffect custom React Hook. I read tons of articles (I recommend Dan Abramov's ) but I haven't found the solution. My custom data…

RReact Hooks: useEffect Cleanup

05/04/20191 Min Read — In JavaScript, React.js

Currently I'm wrangling with cleaning up my data fetching functions with useEffect . I return a function that React can run when it unmounts, see React Documentation . In my example, I use the…

CCurrently Learning

05/02/20191 Min Read — In JavaScript, Lab

Right now I'm working on creating React apps with Hooks and AWS Amplify. I'm looking forward to take a peek at Gatsby.js and Next.js . I'm watching Deep JavaScript Foundations by Kyle Simpson…

LLearning More About React Hooks

04/30/20191 Min Read — In JavaScript, React.js

I'm extensively using React Hooks . There are new patterns to learn and some pitfalls to avoid. Here are some good resources that help with learning more about Hooks: A Simple Intro to React Hooks…

RReact useState Hook

04/29/20191 Min Read — In JavaScript, React.js

I'm now writing my React apps with Hooks . I'm accustomed to the way setState() worked: state updates may be asynchronous and updates were merged . That's why I used functions instead of…

221-Day Coding Challenge JavaScript

04/28/20191 Min Read — In JavaScript

I signed up for a free 21-Day Coding Challenge yesterday. If you're a Canadian citizen, you can win prizes, but that's not my motivation. I want to improve my coding skills. I learned about the…

MMy Favorite Front End Web Podcasts

04/27/20191 Min Read — In JavaScript, React.js

At my last MeetUp we talked about our favorite podcasts. Here is a list of web development podcasts for JavaScript, web development, React.js which I listen to. It might be useful for you. Front End…

AAdd RSS Feed to Gatsby

04/26/20191 Min Read — In JavaScript

Today I added a RSS feed to this blog. I'm not happy with it. This blog runs on Gatsby and uses mdx instead of Markdown. Adding a new plugin, the gatsby-plugin-feed , was easy. But it doesn't…

NNode.js Architecture

04/25/20191 Min Read — In Node.js, JavaScript

Two days ago I learned about Clean Architecture with Node.js . I still find it hard to create a well-designed program without polluting my business logic with implementation details. Today I found…

AAWS Amplify

04/24/20191 Min Read — In JavaScript, DevOps, Lab

Today I started working with AWS Amplify and React. I bought a Udemy course , and use it as a learning aid. Setting up AWS Amplify with JavaScript proved to be frictionless. Creating a new GraphQL…

CClean Code and Dev Mastery

04/23/20191 Min Read — In JavaScript, Lab

Today I watched one of my favorite YouTube channels, Dev Mastery , by Bill Sourour. I've heard the term Clean Code before but I didn't have a clear picture on what it meant. This video was helpful…

SSvelte 3 - JavaScript Framework

04/22/20191 Min Read — In JavaScript

I've read the announcement about Svelte 3 today and decided to look into it. Svelte is a front-end (JavaScript) framework that was once called "the magical disappearing UI framework." From the…

DDOM Manipulation is Hard

04/17/20191 Min Read — In JavaScript

I realize: I'm accustomed to writing my front end with JSX or hyperscript-helpers. I programmatically generate HTML and stick functions to it instead of separating pure HTML from JavaScript. And pure…

HHow to enable CORS for apollo-server

04/16/20191 Min Read — In JavaScript, GraphQL, API

What Is Cross-Origin Resource Sharing (CORS)? See the MDN Docs : Cross-Origin Resource Sharing (CORS) is a mechanism that uses additional HTTP headers to tell a browser to let a web application…

JJavaScript Development: Run Concurrently

04/14/20191 Min Read — In JavaScript, Node.js

With the npm package concurrently you can run more than one command inside the same terminal. This comes handy when you simultaneously develop your front end and your back end in one project. Let's…

EExpress.js: Send Responses

04/12/20191 Min Read — In JavaScript, Node.js

At some point, you have to send data from your back end (Node.js/ Express.js ) over the wire to your front end. Express makes it easy for you. Let's say you have a GET request to a resource on the…

EExpress.js Security Best Practices

04/10/20191 Min Read — In Node.js, JavaScript

Today I deployed a full-stack example app . It's a toy app for learning purposes. But it's still important to think about security. Unfortunately, it's a topic that most tutorials don't cover. Here…

RRedux: Why?

03/21/20191 Min Read — In DevTools, JavaScript, React.js

Redux is a common tool that's used with React. It creates a central "store". This store holds your data (the React state). You can connect your React components to the store to read data or use…

EEgghead.io Courses

03/20/20191 Min Read — In Lab, JavaScript

One of my current favorite resources for JavaScript is egghead.io . This paid membership site provides tons of short video lessons for front-end developers. The quality differs a bit. Some courses…

CChain in Lodash and Ramda

03/19/20191 Min Read — In DevTools, JavaScript

The chain method in Ramda and in Lodash are totall different. Both Ramda and Lodash are utility libraries for JavaScript that make functional programming easier. I'm following a Udemy course…

BBubble Sort in JavaScript

02/20/20191 Min Read — In JavaScript, Computer Science

I'm working on learning data structures and different algorithms. One of the first ones is Bubble Sort: Bubble Sort takes O(n^2) time in the worst case because you have two nested loops. This is a…

WWebpack 4 Woes

02/04/20191 Min Read — In DevTools, JavaScript

I wanted to have a basic working webpack configuration so that I could try out different things without a framework. Doesn't sound so hard, does it? Hours later, I came up with this Minimal Webpack…

RReturn Errors With Async/await Fetch

02/03/20191 Min Read — In JavaScript

I was wondering how one could display the error of a fetch Promise in React. Here is a an async fetch API call with a try/catch block. The function takes an input string, makes a POST request and…

UUse the Spread Operator to Update Objects

02/02/20191 Min Read — In JavaScript

In the past, Javascript only had objects but no maps . Objects were both used as records and as dictionaries. (From JavaScript for impatient programmers (beta) by Axel Rauschmeyer) : Records…

RRamda.js defaultTo

02/01/20191 Min Read — In JavaScript

A user submits text to your program with an input field. In Javascript, this is always a string. But sometimes you need a number: Ramda.js defaultTo This converts the input (string) to a number. If…