JSK Weekly - November 7, 2018

This week we are witnessing new React hype. It's mostly about the new feature called "React Hooks". We recommend "Making Sense of React Hooks" by Dan Abramov and "Understanding Hooks in React" by Mahesh Haldar.

JavaScript functions are the core concept of the language. For this reason, we believe that's always good to refresh and improve knowledge on this. A great refresher article is "Different type of function in JavaScript" by Jamal Uddin.

Finally, we think all Node.js devs will enjoy "Why you should avoid ORMs (with examples in Node.js)" by Thomas Hunter II.


General

Navigating the Spooky World of JavaScript

With the amount of change going on in the JavaScript world, how can we navigate its ecosystem and make the best decisions on what tools to use?

Authored by: Ali Spittel 💁

React or Vue or Something New?

React vs Vue vs PlazarJS

Authored by: The Practical Dev

Bubble sort algorithm in JavaScript

Bubble sort algorithm is one of the slowest algorithms with O(n²) time complexity. In nearly sorted data bubble sort takes O(n) time. In bubble sort, we need to compare the adjacent elements if they...

Authored by: Sai gowtham

JavaScript design patterns

In the past, I only used Javascript patterns because I thought they looked fancy, not because they added anything meaningful to the experience. I want to help you avoid the same mistake.

Authored by: meshileya

Cross-Origin Resource Sharing: Access-Control-Allow-Origin CORS error

In this article, we explain what Cross-Origin Resource Sharing (CORS) is and how to avoid errors from the viewpoint of the frontend & backend.

Authored by: Marcin Wanago


JavaScript

Different type of function in JavaScript

A JavaScript function is a block of code designed to perform a particular task.

Authored by: Jamal Uddin

JavaScript Classes

A quick look at Js class/constructor/new keywords

Authored by: Matthew Carpenter


TypeScript

Update: The Definitive TypeScript Guide

This article describes the features and functionality of TypeScript 3.1. One of the most interesting languages for large-scale application development is Microsoft's TypeScript. TypeScript is unique in that it is a superset of JavaScript (ES2015+), but with optional types, interfaces, generics, and more.

Authored by: SitePen

Eloquent TypeScript Tips

You're using TypeScript because you want to use types. This should be self-explanatory, but I have seen a lot of code example on the internet where people are writing TypeScript more like it is just...

Authored by: gitconnected


Angular

Creating A Simple setState() Store Using An RxJS BehaviorSubject In Angular 6.1.10

Ben Nadel creates a React-inspired state management store using a thin proxy class that wraps an RxJS BehaviorSubject() and adds a .setState() method. This state container can then be used in a reactive, stream-based Angular 6.1.10 JavaScript application.

Authored by: Ben Nadel

Creating A Simple setState() Store Using An RxJS BehaviorSubject In Angular 6.1.10 - Part 2

Ben Nadel posts an update to his React-inspired .setState() store using a BehaviorSubject() in Angular 6.1.10. This update allows the .setState() method to accept a callback which will provide the current state of the store that is sometimes needed to calculate the new state.

Authored by: Ben Nadel


React

Making Sense of React Hooks

This week, Sophie Alpert and I presented the "Hooks" proposal at React Conf, followed by a deep dive from Ryan Florence: I strongly recommend to watch this opening keynote to see the problems we're trying to solve with the Hooks proposal.

Authored by: Dan Abramov

Understanding Hooks in React

An introduction to React 16.7 hooks, with examples. React is the most powerful UI library. The team is improving performance and the development experience every day by adding amazing features, which ultimately help developers build amazing apps. If you scrolled twitter last few days, probably you saw most react developers are celebrating the introduction of the awesome feature called Hooks.

Authored by: Mahesh Haldar

The Love-Hate Relationship between React Router and React Components

As React developers, a majority of us enjoy working with React Router and how well it fits our React application. However, you will face some roadblocks while using React Router if your...

Authored by: Kasra

So What's New in React v16.6?

So what's new in React 16.6? new features like React.memo(), React.lazy(), static contextType, React Hooks, static getDerivedStateFromError(), Deprecations and more. Learn about hooks in React...

Authored by: Viclotana™

Let's Build a Sales Dashboard with React

We mock-up, design and lay out a sales dashboard with native React components from KendoReact, complete with a responsive grid, data, charts and more.

Authored by: Eric Bishard

How to use React suspense and React.lazy

React suspense and React.lazy helps to lazy load the components so that users can only download the required data related to that page. In suspense, we need to specify the fallback property so that...

Authored by: Sai gowtham


Aurelia

Aurelia 2018 Q3 Report

The third quarter of 2018 was filled with major advances in our vNext Aurelia implementation along with a few cool new updates in today's Aurelia. Read on to hear about what we've accomplished and what's next as we round out 2018 and head into 2019.

Authored by: Aurelia


Vue

Combining Vue, TypeScript and RxJS with Vue-Rx

At the moment I am writing this article, there are many ways to solve a specific problem.With this article, I'd like to give you an inspiration that might change the current approach you are using in your applications.

Authored by: codeburst.io

Calculate and Visualize Navigation Routes with HERE, JavaScript, and Vue.js

When you think of maps, you might think of turn-by-turn navigation, like those features offered in your car, on your phone, or even within your smart watch, to get you from point A to point B.

Authored by: HERE Developers at Disrupt 🌉

A New Vue On JavaScript30 - 06 Type Ahead

This article is part of the A New Vue On JavaScript30 series that explores re-i...

Authored by: Dave Follett

How to Render Vue Apps to a Server Using Nuxt

Learn how to easily get started rendering apps built with Vue to a server using Nuxt.

Authored by: Telerik


Node.js

Why you should avoid ORMs (with examples in Node.js)

This posts looks at three different layers of abstracting database interactions, their tradeoffs, and the resulting SQL queries.

Authored by: LogRocket

Setting Up a RESTful API with Node.js and PostgreSQL

By the time you complete this article, you should have a fully functional API server running on an Express framework in Node.js.

Authored by: Tania Rascia

Using Events In Node.js The Right Way

Before event-driven programming became popular, the standard way to communicate...

Authored by: Usama Ashraf


Libraries and Tools

GraphQL - The good and the bad

GraphQL is a query language for APIs and a runtime for fulfilling those queries with your existing data. GraphQL provides a complete and understandable description of the data in your API as well as gives clients the power to ask for exactly what they need and nothing more.

Authored by: Scotch Development

A GraphQL Tutorial for Beginners

This GraphQL tutorial for beginners takes you on a journey to learn GraphQL. You will explore GraphQL with GitHub's GraphQL API and later learn how to build fullstack web applications with it ...

Authored by: Robin Wieruch

A Apollo Client Tutorial for Beginners

This tutorial shows you how to use Apollo Client for GraphQL without any other third-party library. Then you'll learn how to use Apollo Client in React ...

Authored by: Robin Wieruch

A New Code Editor For The Web

Learn a new editor concept to make your web development workflow much simpler, and learn how you can use it to save a ton of time in your projects.

Authored by: Scotch Development

My new and shiny tool for live demos - Demoit

I had some time during the weekend and decided to work on my slides for an event at the end of the month. I reached the part where I have to do a live coding session and I was wondering what tool to use. At the end I created my own thingy called Demoit.

Authored by: Krasimir Tsonev


Other

Why serverless newbies should use a deployment framework

Building and deploying a serverless app using AWS Lambda and API Gateway will be a headache if you take the manual approach. Here is why you should let a framework do the heavy-lifting instead.

Authored by: Paul Swail

Node.js: Breaking JavaScript out of the browser since 2009

This is an introduction to Node.js, the free, open-source software that allows JavaScript to be run outside of the browser.

Authored by: The Practical Dev

Sorting Algorithms with Javascript (Part 2)

Sorting Algorithms with Javascript - Part 2 (Quick sort, Heap sort, Counting sort)

Authored by: The Practical Dev

Expo for Professionals

Expo developers include a wide variety of people making apps with Expo in different ways. To learn more about the most popular apps made with Expo we talked to developers and looked at production...

Authored by: James Ide





0 comments