サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
Pixel 9
codeburst.io
Over the last year, I’ve been working mainly on TeamHood.com. We put a lot of effort into the optimization of its Vue front-end. This is because our screens don’t have pagination, and some clients have over a thousand cards shown on one kanban/Gantt board. In this article, we will review some of the tips, tricks, and guidelines related to reducing unnecessary re-rendering and memory optimization t
I’ve always been a CSS fiend. Ever since I started creating web content I have been looking for the “perfect” button. The one button that users want to click over and over again. We’ve seen the rise of flat, material, skeuomorphism and atomic design over the years, but I haven’t seen any CSS frameworks make use of the Lamé curve on buttons yet. So today, I’m going to teach you how to create your v
Every year, JavaScript update adds new features. This year ES2020 or ES11 was released (Read ES2020 features article), with ES2021 or ES12 expected to be released in mid-2021. New features that are added to JavaScript each year go through a four-stage process, with the fourth stage being the last one. In this article, I will discuss the features that have already reached stage four and are added t
I am very excited about this. First of all, I would like to say a big thank you to everyone supporting me to get this far! I just donated 1.5 years of my full and unpaid working time to the open source community. I truly and deeply believe that the result will start a new era of making better Web Based User Interfaces. The neo.mjs project started with the question: “What if a framework & all the a
Hello there. Let me begin by saying you’ve probably heard of Webpack by now and chances are you might know how to configure Webpack, you sir, are doing excellent. Good job, keep fighting! For the rest of us something like this might scare us off.
Let’s compress together and learn how Brotli can help us to increase the performance of our websites. I have implemented it in one of my work projects. So, I just thought to share my experience with everyone. Express the ❤️ in the form of Brolti with the help of Webpack to save some customer ⏰ and 💵Basic definitions 📖Express: Fast, unopinionated, minimalist web framework for Node.js.Brotli: It i
Sometimes it takes learning what not to do to learn what to do. This article is also available in a video format. The examples from this article are available for download. The Anti-Pattern In this example, we have an application with two features: Three buttons, A, B, and C, change out a content area, e.g., Apple, Banana, and Cantaloupe (the navigation feature)A Swap Colors button swaps the backg
We all know that React components let you divide your UI into sharable design elements (button, form, form-field, table, spinner etc). These reusable components are self-contained and have well-defined interfaces. As such, they can be reused to build more than one UI instance. Meaning, they can be shared and reused next time you build your application’s UI, or even a brand new application. This sa
building a command line interface using python.. Before we dive in building the command line application, lets take a quick peek at Command Line. Command Line programs has been with us since the creation of computer programs and are built on commands. A command line program is a program that operates from the command line or from a shell. While Command line interface is a user interface that is na
An “ins and out” of the internal implementation of the Golang channels and its related operations. Concurrency in Golang is much more than just syntax. It a design pattern. A pattern that is a repeatable solution to a commonly occurring problem while working with concurrency, because even Concurrency Needs to be Synchronized. And Go relies on a concurrency model called CSP ( Communicating Sequenti
Earlier this month, I wrote an article titled “My Story as a Homeless Developer”. I received a ton of support from the community and connected with a lot of people who had experienced similar struggles before and also people who were going through those struggles currently. It was a great experience! I felt relieved to get my story out there and inspired to keep writing. I also was extremely motiv
Ever wanted to get distinct elements from an array? Or wanted to get distinct objects from an array by a property? This blog post is for you. image from pexelsDistinct elements of an array of primitive valuesPrimitive values in JavaScript are immutable values in all types except objects. Types of primitive values include Boolean, Null, Undefined, Number, String and Symbol. Arrays of primitive valu
Processor By ColiN00B [CC BY-SA 3.0 (https://creativecommons.org/licenses/by-sa/3.0)]GoLang is gaining incredible popularity these days. One of the main reasons for that is the simple and lightweight concurrency in the form of goroutines and channels that it offers to the developers. Concurrency has existed since long ago in the form of Threads which are used in almost all the applications these d
IntroductionKafka is primarily a distributed, horizontally-scalable, fault-tolerant, commit log. A commit log is basically a data structure that only appends. No modification or deletion is possible, which leads to no read/write locks, and the worst case complexity O(1). There can be multiple Kafka nodes in the blockchain network, with their corresponding Zookeeper ensemble. If you want to skip di
In a previous post, I went over an approach you could take to authenticate your React app with Twitter. The obvious next step is to add Facebook, Google and Github to the authentication mix. To interact with an OAuth provider you need API keys. For security reasons, those keys must be kept private on a server. However, if you are following modern development practices your React app is likely comp
So why shouldn’t you use lodash? Here are two main issues. SpeedThe first and most important thing is speed. Because performance really matters for a good user experience, and lodash is an outsider here. We’ll look at two scenarios using features such as find and reduce. And compare them with JavaScript analogues. To calculate the time difference, we will use the built-in Date constructor. (All ca
Authentication is required for apps that not only have public api endpoints but also authenticated ones that are accessible to users with certain level of access. In REST world, we will normally attach authentication bit (token verification) to the middleware before requests hitting the actual route. Take express for instance, we can use passport to verify the token that is set on request header.
This article about structuring the backend for REST API’s which can be extend to Graphql. Note: The article give an overview of structuring and here is the code base for detailed understanding. After working with many backend projects, I realized that structuring the app is equally important as the choice of tech stack and fractal app structure is always my choice.
This tutorial was written by Chris Nwamba and originally appeared on the Pusher Blog. Realtime applications have been around for quite a long time as we can see in contexts such as multi-player games, realtime collaboration services, instant messaging services, realtime data analytics tools, to mention a few. As a result, several technologies have been developed over the years to tackle and simpli
Node.js Best Practices — Smarter Ways to Manage Config Files and Variables I find the practice of creating separate Node.js config files to manage config variables for different environments (development, testing, staging and production) cumbersome. So I ended up with a solution which manages config variables for all environments with one single Node.js config file. First, let’s create config.json
Webpack 4 with HerokuIf you are starting on web-development in 2018, I am sure all or at least most of your frontend projects are by default built and bundled using Webpack. Webpack has sunk into almost all the frontend projects we use nowadays and we have a really strong online dev community around Webpack to support us. If you are a beginner or even an intermediate to Webpack, I highly recommend
Before we get started, I want to let you, the reader know, I plan to keep this updated for the foreseeable future. So, if something is broken, PLEASE let me know in the comments so I can fix it. I’m hoping to never have package installs with explicit version numbers unless absolutely necessary. So you’ve learned some React and built a few things. You’ve probably used create-react-app or react-slin
People say JavaScript is a bad language. No built-in types, a fatiguing ecosystem, and demanding you to constantly explain, “no, no, JavaScript” to anyone even vaguely non-technical. That’s why for my new Mario Kart knock-off game, I’ve logically decided against using JavaScript at all. To be clear, this is 100% CSS. My Photoshop licence ran out a while back, so this is: 0 images0 lines of JavaScr
IntroductionImagine that you have this array — const myFavouriteAuthors = [ 'Neal Stephenson', 'Arthur Clarke', 'Isaac Asimov', 'Robert Heinlein' ];At some point, you will want to get back all the individual values in the array for printing them on the screen, manipulating them, or for performing some action on them. If I ask you how would you do that? You’ll say — it’s easy. I’ll just loop over t
Scotch.io taught me much of what I know in web development. Earlier this year, I came across an article “Build An Interactive Command-Line Application with Node.js” by Rowland Ekemezie. I was struck by the amount of knowledge I got from the article. I came to understand how much of these cli-apps like angular-cli, create-react-app, yeoman, npm works, So I decided to replicate his work and add more
Edited: Since PyTorch 0.4.0 (The latest is 1.0 now), there are official Window Support, please install Pytorch with either pip or conda, details are written in their homepage instead if you want to use the new version. Pytorch has done a great job, unlike Tensorflow, you can install PyTorch with a single command. It handles CUDA and CuDNN out of the box for you in most case. In other word, you don
Up until an year ago, I was pretty comfortable using JSON for all the inter-service and intra-service communications. I didn’t even knew that the latter two even existed. To be honest, these sounded like buzzwords and didn’t seems to be of any practical importance. But I couldn’t have been more wrong. What are Protocol Buffers?As explained on https://developers.google.com/protocol-buffers/ Protoco
Fifteen years ago, there were only a few skills a software developer would need to know well, and he or she would have a decent shot at 95% of the listed job positions. Those skills were: Object-oriented programming.Scripting languages.JavaScript, and…SQL.SQL was a go-to tool when you needed to get a quick-and-dirty look at some data, and draw preliminary conclusions that might, eventually, lead t
VSCode is an open-source, cross-platform editor that has become a favourite of programmers, particularly in the Web Development community. It’s fast, extensible, customisable, and has tons of features. You should check it out if you haven’t already done it. Thousands of extensions have been made for VSCode. I am going to list a few extensions that I use on a day-to-day basis. Let’s begin! Quokka.j
次のページ
このページを最初にブックマークしてみませんか?
『codeburst.io』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く