Friday Picks 066

Here are some links for this weekend. I hope you’ll enjoy them! Full Stack Serverless - Building a Real-time Chat App with GraphQL, CDK, AppSync, and React: a concise tutorial by Nader Dabit Build A Confirmation Modal in React with State Machines: learn more about state machines with Dave Ceddia Building Microservices with Deno, Reno, and PostgreSQL: by James Wright Show your latest dev.to posts automatically on your GitHub profile readme: a GitHub action that automatically fetches blog posts from dev.
Read more →

Tuesday Picks 006

Read more →

Friday Picks 054

Read more →

Static File Server With Deno and Abc

Let’s say I have some static files I want to serve. For example, a React app or a Svelte app. Create Svelte App Let’s use the Svelte template: npx degit sveltejs/template svelte-app cd svelte-app npm install Now we need to create a production build: npm run build The command will create an optimized build in the public folder. Create Deno Server Install Deno. We’ll use the third-party module Abc to create a simple web server.
Read more →

Deno First Impressions

I’ve started learning about Deno. My first impressions are positive. I like how I can load dependencies with URLs. I especially like the combination of usingA CDN like pika.dev or unpkg which mirror tons of GitHub repos. If a module offers an ESM JavaScript file, you can load it with Deno. For example, load Rambda (the smaller alternative to the functional programming library Ramda): import * as R from 'https://unpkg.com/rambda@^5.6.1/dist/rambda.esm.js' Deno also offers tons of functionality out of the box, e.
Read more →

Deno Course Is Here

Read more →

Friday Picks 052

Read more →

Friday Picks 051

Read more →

Deno Resources

This page collects resources, starter guides and tutorials on Deno, an alternative V8 runtime for JavaScript and TypeScript. A primer is here: Deno 1.0: What you need to know. Official Resources Deno website Collections dev.to Deno tag Awesome-Deno Deno SubReddit Tutorials/Getting Started/Guides (Free Resources) A Guide to Deno Core by Yingchen Xue & Kevin (Kun) “Kassimo” Qian Build A Simple CLI Tool With Deno by Mayowa Ojo Build Your First Deno App with Authentication Building CRUD APIs using Deno and oak by Kailas Walldoddi Creating your first REST API with Deno and Postgres by Diogo Souza Deno & PostgreSQL (Crash Course Part 2) by Brad Traversy Deno Beginner by Ahmad Awais Deno Course - Better than Node.
Read more →

Friday Picks 047

Read more →

Friday Picks 046

Read more →

Resources for Learning Nest.js

Here are some resources for learning Nest.js, the TypeScript Node.js framework with Angular-like architecture. Recommended resources are bold. Awesome Nestjs: a massive list of NestJS resources API with NestJS - a tutorial series in blog format Learn NestJS - Full Course for Beginners: YouTube/Udemy by Dawid Dominiak Learn Nest.js from Scratch by building an API by Maximilian Schwarzmüller Nest.js with MongoDB - Complete Example by Maximilan Schwarzmüller NestJS Crash Course by Brad Traversy Build a GraphQL Server with NestJS and MongoDB by Ben Awad NestJS Zero to Hero - Modern TypeScript Back-end Development by Ariel Weinberger (paid course) Creating your first Node.
Read more →

More Learning Resources During COVID-19-Outbreak

Here are some more resources for learning new things during self-isolation: Education Links: a collection of links to help you and your kids Amazing Educational Resources: a list of resources with free or discounted offers OpenLearn (free learning platform from the Open University) Scholarships for Students on Codecademy: 10,000 free accounts for high-schoolers and college students around the world Shawn Wildermuth’s Courses: free courses on Bootstrap 4, Vue, SignalR during the crisis Free JavaScript/Node/CSS books 365 Data Science: Free Access Till April 15th: learn mathematics, statistics, SQL, Python, machine learning 50% discount on Wes Bos’s courses: Wes Bos is a respected JavaScript teacher 50% discount on dataquest.
Read more →

Free Learning Resources During COVID-19-Outbreak

Read more →

Friday Picks 039

Read more →

Friday Picks 031

Read more →

TIL: Typescript Still Coerces Types

Here’s a simple TypeScript function: function f() { const a = 2 const b = 'a string' return a + b } What I expected: TypeScript can infer types. It will recognize that a is of type number and b is of type string. I expected a type error, because I try to add a string to a number. You can also be more explicit and tell TypeScript the types. Like so:
Read more →

Friday Picks 030

Read more →

First Thoughts About ReasonML vs TypeScript

Today I finished my first TypeScript experiment with React. Here are some thoughts after using ReasonReact first, and now TypeScript second. Setup Is Not Better Than ReasonReact I used Create React App to bootstrap the app. npx create-react-app <project-name> –typescript But then I had to setup ESLint and Prettier with TypeScript. ReasonML & BuckleScript: npm install -g bs-platform bsb -init <project-name> -theme react-hooks After that you’re done. It’s JavaScript
Read more →

Preparing For My First Tech Talk: TypeScript Experiments

A few days ago I started preparing for my first tech talk. One of the common questions about ReasonML and ReasonReact is: Why not TypeScript? If you’re looking for a statically typed alternative for JavaScript, TypeScript seems like the obvious choice. I did a TypeScript workshop with FrontEnd Masters (online) a while ago, but I have to admit that I didn’t use TypeScript in practice. The last few days I started creating a simple TypeScript React app.
Read more →

Friday Picks 022

Read more →

Friday Picks 021

Read more →

ReasonReact Pause

In the last few days, I’ve been working hard on learning ReasonReact by creating a small project. I’ve learned a lot, but it has been quite frustrating, too. At the moment, I’m trying to set up form validation logic. ReasonReact is giving me the stink eye. I recently bought the book Learn Type-Driven Development by Yawar Amin. He is a helpful member of the community and seems to know his stuff.
Read more →

Friday Picks 012

Here are some things I’ve found useful this week or that I enjoyed: The Architecture of Open Source Applications - some free books on architecture! Use Svelte with SASS/SCSS in VSCode - add SASS to your Svelte project An Introduction to Domain-Driven Design - DDD w/ TypeScript - provides a good overview on DDD How to make your NodeJS application or API secure - some beginner-friendly advice on how to tackle security Mastering Phoenix Framework - free online version of a guide to Phoenix with TDD Building a JSON API in Elixir with Phoenix 1.
Read more →

Friday Picks 010

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 be useful to self-reflect on your own gaps) Digital Minimalism Review: Gazing Into the Abyss - an insightful review of “Digital Minimalism” by Cal Newport NestJS Tutorial für Einsteiger - (German) - I reviewed some of the content (it will be published in English next week) A complete guide to the Node.
Read more →

Friday Picks 008

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 building a GraphQL endpoint with CRUD functionality Forget about component lifecycles and start thinking in effects - about React Hooks Build a Todo App in React Using Hooks - simple tutorial for beginners One simple trick to optimize React re-renders - without using React.
Read more →

Weekly Progress Report 26 2019

Nest.js I’m still smitten with Nest.js, a Node.js framework with TypeScript support. Here are some resources to get started with Nest.js. Vim vs. VS Code I’m giving VS Code another chance. So far, I’m not amused. I’m already too accustomed to my VIM workflow , and it’s a hassle to set up all my preferred key mappings. Some plugins offer excellent language support out of the box (e.
Read more →

Learn NestJS

Currently, I’m working through the excellent Udemy Course: NestJS - Zero to Hero by Ariel Weinberger. There are still some coupons to get a discount for this course. I’m still excited about NestJS as it seems to be an excellent way to develop a Node.js/Express.js application with TypeScript and Domain-Driven Design. The learning curve is steep if you are new to TypeScript and SOLID principles. But the author does a good job holding your hand and guiding you through coding the application.
Read more →

Friday Picks 007

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 applications work Implementing DTOs, Mappers & the Repository Pattern using the Sequelize ORM [with Examples] - DDD w/ TypeScript - how to handle data access with TypeScript and Domain-Driven Design What’s the best documentation you’ve ever seen? - reddit thread: I like the DigitalOcean Tutorials Using Typescript in Node.
Read more →

YouTube Channels to Follow

Read more →

NestJS Is Fun

I’m learning about TypeScript and NestJS right now. There’s an excellent course on Udemy by Ariel Weinberger. It shows how to develop a CRUD API. If you want to get a sense on how NestJS looks like, take a peek at this article: Creating your first Node.js REST API with Nest and Typescript. NestJS seems quite opinionated, but in a good way. I like how it forces me to use a certain architecture.
Read more →

Blown Away by NestJS

I just finished a Serverless React with AWS Amplify - The Complete Guide by Reed Barger today. I learned a lot about AWS and serverless functions. But now it’s time for something different! What about NestJS? Nest is a framework for building efficient, scalable Node.js server-side applications. It uses progressive JavaScript, is built with and fully supports TypeScript (yet still enables developers to code in pure JavaScript) and combines elements of OOP (Object Oriented Programming), FP (Functional Programming), and FRP (Functional Reactive Programming).
Read more →

Friday Picks 006

Read more →

Friday Picks 005

Read more →

Friday Picks 004

Read more →

Connect TypeScript Node.js and Mongoose With Environment Variables

In your existing project, add mongoose, dotenv, and @types/mongoose: yarn add mongoose dotenv yarn add @types/mongoose –dev Set up your database, for example with MongoDB Atlas or on your local machine. Create a new file called .env and add your MongoDB connection string. MONGO_URI=mongodb+srv://<your-user-name>:<your-password>@whatever.mongodb.net/test?retryWrites=true Now you can connect mongoose with Node.js inside server.ts. import mongoose from "mongoose"; import "dotenv/config"; mongoose.connect(${process.env.MONGO_URI}, { useNewUrlParser: true }); Please note, you have to use a template string and interpolate the environment variable.
Read more →

TypeScript Node and TypeScript Deep Dive

I still find it hard to get productive and hands-on experience with TypeScript. I understand the basics (they are not that hard anyway) but I’m not sure on how to use TS in a meaningful way. I’m going through different recources (Frontend Masters, egghead.io, Udemy, etc.) and I recently found a useful Udemy course that’s suitable for beginners: Backend API with Node, Express & TypeScript - Fast Track This is a beginner’s course on Node development with TypeScript.
Read more →

Learning React TypeScript Patterns

I’m learning TypeScript at the moment (as well as dabbling in other things like Elixir, React Hooks, GraphQL …). But I find it hard to apply my knowledge. It’s all fine and dandy to know what types and interfaces are, but how do I use them? If you have the same problem, you might want to take a look at the articles written by Martin Hochell. I especially enjoyed 10++ TypeScript Pro tips/patterns with (or without) React and Ultimate React Component Patterns with Typescript 2.
Read more →

Surprisingly Good Free TypeScript Udemy Course

I’m very interested in TypeScript at the moment. I love learning new things and TypeScript looks like a useful super-set of JavaScript. It is well supported (by Microsoft), open-source, and seems quite popular according to the State of JavaScript 2018 survey. It also compiles down to plain JavaScript. As a beginner, you can slowly add valid TypeScript instead of having to immediately switch to a completely new language. You can head over to Flavio Copes’s TypeScript Guide to get a sense on what TS has to offer.
Read more →

Installing Nvim-Typescript

Nvim-TypeScript adds TypeScript support for NeoVim. Why Nvim-TypeScript instead of Tsuquomi? The author answers the question on github: tsuquyomi requires vimproc currently, which can be slow for larger projects. Sine this plugin uses neovims remote plugin, I can write the tsserver in a python process instead, which is much faster. Almost no viml. Since this is an remote plugin, almost all of the entire setup can be done using python instead.
Read more →