🤖 Coding News ⚡️
27.2K subscribers
2 photos
1 video
807 links
High quality articles, videos, and tutorials about programming 💻

HTML, CSS, Sass, JavaScript, TypeScript, React, Angular, Electron, Node, Vue, GraphQL and other topics 💥

@CodingChat talk with other engineers
@CodingNewsFeedbackBot advertisement
Download Telegram
​​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
​​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
​​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
​​This article’s just to have fun and explore different implementations of compose and pipe.

3 min read

#JavaScript
​​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
​​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
​​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
​​​​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
​​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
​​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
​​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
​​GraphQL’s main benefit for frontend developers has always been excellent tooling and developer experience.

6 mins read

#GraphQL
🤖 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…»