In this series I’ll be looking a bunch of different aspects of Gatsby, a Static Site Generator based on React.js and GraphQL.
7 min read
#Gatsby #GraphQL #Serverless #JAMStack
7 min read
#Gatsby #GraphQL #Serverless #JAMStack
Medium
Gatsby Part 1: Gatsby, the JAMstack and Serverless Architecture
A series based on a Gatsby talk I gave at BrumJS, a Javascript Meetup in Birmingham, UK.
For the third time, we are comparing Front-End frameworks by using the Real World example apps.
6 min read
#JavaScript #Frameworks
6 min read
#JavaScript #Frameworks
freeCodeCamp.org
A RealWorld Comparison of Front-End Frameworks with Benchmarks (2019 update)
For the third time we are comparing Front-End frameworks by using the Real World example apps. RealWorld example app gives us:
This article will explain the difference between the commands and how you can use them effectively in your Dockerfile and docker-compose.yml.
4 min read
#Docker
4 min read
#Docker
freeCodeCamp.org
Expose vs publish: Docker port commands explained simply
The Dockerfile instruction EXPOSE, the Docker run options -p and -P, and Docker Compose expose and ports all specify how to connect Docker…
we’ll explore four of the most popular templating engines for HTML. We’ll look into why you might choose to use them, and where you’re likely to encounter them in other tech-stacks. I’ll also provide sample CodePens for each one. By the end of the article, you should feel equipped with several options for writing faster, more concise HTML in your projects, whether your go-to programming language is JavaScript, Ruby or something else. Let’s dive in!
11 min read
#HTML #Markdown #Pug #HAML
11 min read
#HTML #Markdown #Pug #HAML
Medium
4 Templating Systems to Write Quicker, Cleaner HTML
Alternatives to vanilla HTML
JavaScript has many ways to do anything. I’ve written on 10 Ways to Write pipe/compose in JavaScript, and now we’re doing arrays.
5 min read
#JavaScript
5 min read
#JavaScript
freeCodeCamp.org
How to clone an array in JavaScript
Use #8 for Deep Copying
This article’s just to have fun and explore different implementations of
3 min read
#JavaScript
compose
and pipe
. 3 min read
#JavaScript
Medium
10 Ways to Write pipe/compose in JavaScript
compose, and especially pipe, are easily among my favorite functions.
Since the beginning of the web, developing APIs has been a difficult task for developers. The way we develop our APIs must evolve with time so that we can always build good, intuitive and well-designed APIs.
7 min read
#GraphQL
7 min read
#GraphQL
freeCodeCamp.org
Why GraphQL is the future of APIs
by Leonardo Maldonado Why GraphQL is the future of APIs Since the beginning of the web, developing APIs has been a difficult task for developers. The way we develop our APIs must evolve with time so that we can always build good, intuitive and well-designed…
After its initial release on May 29, 2013, React.js has taken over the internet. It’s not a secret that myself and many other developers owe their success to this amazing framework.
5 min read
#React
5 min read
#React
freeCodeCamp.org
What I wish I knew when I started to work with React.js
by David Yu
What I wish I knew when I started to work with React.js
Photo by Ben White
[https://unsplash.com/@benwhitephotography?utm_source=medium&utm_medium=referral]
on Unsplash [https://unsplash.com?utm_source=medium&utm_medium=referral]After
its initial…
What I wish I knew when I started to work with React.js
Photo by Ben White
[https://unsplash.com/@benwhitephotography?utm_source=medium&utm_medium=referral]
on Unsplash [https://unsplash.com?utm_source=medium&utm_medium=referral]After
its initial…
Early this year, the React team released a new addition, hooks, to React in version 16.8.0.
If React were a big bowl of candies, then hooks are the latest additions, very chewy candies with great taste!
So, what exactly do hooks mean? And why are they worth your time?
9 min read
#React
If React were a big bowl of candies, then hooks are the latest additions, very chewy candies with great taste!
So, what exactly do hooks mean? And why are they worth your time?
9 min read
#React
freeCodeCamp.org
Learn the basics of React Hooks in <10 minutes
An Illustrated Guide to learn about React Hooks.
Getting a tech job after a coding bootcamp is very possible, but not necessarily pain-free.
6 min read
#Interviews #Job
6 min read
#Interviews #Job
freeCodeCamp.org
How to get a job after a coding bootcamp
Getting a tech job after a coding bootcamp is very possible, but not necessarily pain-free.
The HTML canvas element is used to draw “raster” graphics on a web application. The Canvas API provides two drawing contexts: 2D and 3D, and in this guide, we’re going to talk about the 2D one (which I’ll refer it to the Canvas API for simplicity).
17 min read
#HTML
17 min read
#HTML
freeCodeCamp.org
A full overview of HTML Canvas
by Shukant Pal
A full overview of HTML Canvas
A must read before doing anything with the canvas tag, even if you know it
already.
Photo by Armand Khoury
[https://unsplash.com/@armand_khoury?utm_source=medium&utm_medium=referral] on
Unsplash [https://u…
A full overview of HTML Canvas
A must read before doing anything with the canvas tag, even if you know it
already.
Photo by Armand Khoury
[https://unsplash.com/@armand_khoury?utm_source=medium&utm_medium=referral] on
Unsplash [https://u…
You’ve always wanted to start learning to code in the Vue framework, but somehow you just haven’t have the time in your busy schedule.
5 min read
#Vue
5 min read
#Vue
freeCodeCamp.org
A bird’s eye Vue: how to get started with Vue.js
You’ve always wanted to start learning to code in the Vue framework, but somehow you just haven’t have the time in your busy schedule.
If you are savvy on the latest tech news, you might have heard of GitHub’s release of TeleType. Teletype is a plugin that was built by a remote three person team and allows for collaborative editing in the Atom code editor.
14 min read
#WebRTC #RealTime #TextEditors
14 min read
#WebRTC #RealTime #TextEditors
Hacker Noon
Building Conclave: a decentralized, real time, collaborative text editor
Using WebRTC and Conflict-free Replicated Data Types (CRDTs)
In this walkthrough you’ll learn about securing your Serverless endpoints with JSON web tokens.
11 min read
#Serverless #API #JSONWebToken
11 min read
#Serverless #API #JSONWebToken
freeCodeCamp.org
A crash course on securing Serverless APIs with JSON web tokens
What a mouthful of a title. Wouldn’t you agree? In this walkthrough you’ll learn about securing your Serverless endpoints with JSON web tokens. This will include a basic setup of a Serverless REST API with a few endpoints, and of course an authorizer function.…
I’ve created a very simple way to face match two images using HTML5 and JavaScript. You upload the verification picture you’d like to use, take a snapshot from the video streaming from your camera/webcam, then use a face matching API to retrieve the results. Simple.
8 min read
#FaceRecognition #JavaScript #HTML
8 min read
#FaceRecognition #JavaScript #HTML
Medium
How to set up face verification the easy way using HTML5 + JavaScript
Upload, capture, verify.
This software engineering study guide will help you study for your interviews and get any job!
7 min read
#Interviews
7 min read
#Interviews
Medium
142 Resources for Mastering Coding Interviews
This software engineering study guide will help you study for your interviews and get any job!
In this short article we will go through the concept of fragments and how you can reduce the code of your queries and match the exact data needs for your UI.
3 min read
#GraphQL
3 min read
#GraphQL
Medium
How to query your schema with GraphQL fragments
Also available at https://atheros.ai/blog/how-to-query-your-schema-with-graphql-fragments without the paywall.
Lists are an important aspect within your app. Every application is bound to make use of lists in some form or the other.
5 min read
#React
5 min read
#React
Medium
Why do I need Keys in React Lists?
Lists in React need to have unique keys. Did you know why?
This article explains how the dotenv package is the basis for implementing environment variables in JavaScript and how to use environment variables with project bundlers and popular front-end frameworks.
7 min read
#JavaScript
7 min read
#JavaScript
www.robertcooper.me
Managing Front-end JavaScript Environment Variables
Learn why, when, and how to use environment variables for front-end JavaScript applications built with webpack, parcel, Create React App, and Gatsby.
GraphQL’s main benefit for frontend developers has always been excellent tooling and developer experience.
6 mins read
#GraphQL
6 mins read
#GraphQL
Medium
A new approach to mocking GraphQL data
How we power React component tests and examples at Stripe
🤖 Coding News ⚡️ pinned «I recently decided to improve unit test performance on a newly joined project. It felt like it takes too long to test the whole suite (32 tests only) as well as test a separate file in isolation with watch mode. The direct consequences of that are that developers…»