サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
レイングッズ
levelup.gitconnected.com
As a React developer, you’ll eventually experience the urge to take that next large step into a senior role. Many of us stay stuck as a junior or mid-level developer, even as we get more experienced. Of course, experience comes with time but some of you may have the mindset of a senior developer but not studying the required topics. This blog will not contain tutorials but a general overview of th
I’ve used these features of Git for years across teams and projects. I’m still developing opinions around some workflows (like to squash or not) but the core tooling is powerful and flexible (and scriptable!). Going through Git logsGit logs are gross to go through out of the box. git log is basic
Photo by Kelly Sikkema on UnsplashIn Go, libraries are like a treasure trove of valuable resources that can help developers create better and faster applications. I’ve been fortunate enough to try out a bunch of libraries throughout my career, and I can attest to the fact that picking the right ones can truly be a “game changer” to eliminate redundant code, and improve the overall quality of my se
Follow through the installation steps (stick with default settings) until the Profile Setup steps. For your first k8s node, it should be the control plane node, so name it as follows: - Your name: k8scp - Your server’s name: k8scp - Pick a username: k8s - Choose a password: <your own password> - Confirm your password: <your own password> Voila, the Ubuntu installation is complete. 2) Install Kuber
Often, we come across software architectural components that are part of every system design and feel as though we don’t have much understanding of them. API Gateway and Load Balancer are a couple of examples that come to mind. Most people don’t have experience working with a load balancer or an API Gateway; this explains the reason that we feel uncomfortable talking about them, especially in a sy
This story is inspired by a similar story, Building A Virtual Machine inside ChatGPT. I was impressed and decided to try something similar, but this time instead of a Linux command line tool, let’s ask ChatGPT to be our Python interpreter. Here is an initial command to initialize ChatGPT: I want you to act as a Python interpreter. I will type commands and you will reply with what the python output
I spent 11 years at Amazon (as a Principal Engineer in Developer Tools), and have been at Google for the last 2.5 years (as a Senior Staff Engineer on Developer Infrastructure for Integration Testing). Both positions were company-wide engineering productivity roles that put me in touch with a vast array of teams and exposed me to both cultures deeply. And I’ve come to the following epiphany and pa
The best “Application programmers” are cultured to focus on business requirements and they typically don’t always factor in the need for concurrency — and that’s the way it should be. We don’t think of concurrency first — we think of “business requirements first”. Often the complexities involved in writing concurrent code are abstracted inside a Go library or a third-party package (e.g. HTTP serve
Photo by Craig Garner on Unsplash, edited with CanvaEvery CPU comes with a circuitry language called ISA (Instruction Set Architecture) Assembly. The ISA Assembly is a hardware language that consists of operations for basic data manipulation, mathematical calculations, and structured programming…
Use linting and automatic formatterAll the major tools for React provide linting rules. If you like, feel free to edit them to fit your style, but always use some and automate the process of linting and formatting. Preferred tools are eslint and prettier. Import orderAdd some import order rules to your eslint config. This will ensure that the imports are always in the same order and are grouped by
Photo by charlesdeluvio on UnsplashWhy Should We Care About Design PatternsSimply put, design patterns help us solve problems by creating a reusable solution that we can use as a template for our software. That being said, design patterns aren't algorithms and you can't paste them into the code base. They give you a template of sorts, but if misused some patterns may cause additional complexity an
Recently, I published three articles, each on Domain-Driven Design (DDD), CQRS, and event sourcing. In each of these articles, I have made it clear that while these concepts and architectures are independent, they complement each other perfectly, especially in the context of microservices and APIs. However, I would like to go into this interaction more closely today. I created a simple open-source
Today, I wanna introduce you to Microservices in NestJS (TypeScript) combined with Google’s gRPC framework, and API Gateway to handle incoming HTTP requests and authentication based on JWT. This article got very long, so I split it into 2 parts. Introduction, Preparation, Databases, Shared Proto ProjectAuthentication Microservice, Product Microservice, Order MicroserviceYou’ll find a link to each
In order to keep up with emerging techniques, I would like to update you on this story throughout the year.Last updated on 2021 Dec 23
Figma is an amazing design tool. The most interesting and exciting feature, that was introduced last year, is the Figma API. The main idea is that by using the REST API, developers can get a whole bunch of information from the design project. There are many different ways to apply this information to your frontend project. How to access it and what to do with it we will reveal further. How does th
AWS Lambda/NodeJS (TypeScript) SeriesHow to Use TypeScript for AWS Lambda in 3 StepsUnit Test and Integration Test for AWS Lambda/NodeJS in TypeScriptSituationWhen we are using NodeJS as the runtime for AWS Lambdas, JavaScript is the default language. However, due to the lack of typing checking in JavaScript, from time to time, buggy code is deployed to Lambda inadvertently. Such as a small typo l
IntroductionThis post is intended as a “technical two-pager” to summarize a security vulnerability called Regex-based Denial of Service (AKA Regex DoS, ReDoS). There are a variety of write-ups about ReDoS, but I’m not aware of a good one-stop-shop with a higher-level treatment of all aspects of the subject. I have included links at the end to more detailed treatments. I have used headings liberall
Photo by pooya ramezani on UnsplashTypeScript is a language that extends the capabilities of JavaScript by adding type annotations to JavaScript code. This lets us avoid bugs from unexpected data types. In this article, we’ll look at some antipatterns to avoid when writing TypeScript code. Overusing the any Type
Babel Technical Architecture DiagramYou’ve decided you’re going to use Babel and write your source in TypeScript. But what happens when you’re sharing TS types across module boundaries? How should Babel handle those imports and exports? Let’s briefly cover how Babel and TypeScript work together.
Photo by Jametlene Reskp on UnsplashSince most modern browsers are tabbed, it’s possible that a webpage may reside in a tab that stays in the background and not visible to the user. The Page Visibility API can provide us with insight as to whether a page is visible to the user. In this article, we’ll look at the Page Visibility API, its use cases, and how to use it. Visibility Change…
When beginning a new web development project, the choices for front-end frameworks and libraries have become incredibly powerful. JavaScript is the backbone of web apps, but still, most software developers are in a dilemma about which JavaScript front-end framework is best suited for their next big project. If you are still chasing with a debate about whether React, Vue, or Angular is the best cho
Photo by Émile Perron on UnsplashUsing TypeScript with React’s class components comes naturally as you simply extend the React.Component and immediately benefit from typing. When using React functional components however, some confusion may arise. Reacts functional components are simply JavaScript functions, but this doesn’t mean that they don’t follow any constraints. Specifically, and most…
Static Site Generators are becoming the de-facto way to build and deploy web applications that don’t require Server Side Rendering. These are apps with pages that don’t require an actual web server to dynamically render the content. The types of pages that do need a server are the often ones protected by an authentication wall. There may be other sites where…
In this tutorial, we will study how to setup Vuejs with Rails 6 and perform CRUD operations. Before we start I will assume that you have installed Ruby (version greater than 2.6.0), Rails 6, NodeJs, and yarn on your machine. rails new rails_vuejs --webpack=vueThis will install a new project with Vue.js included as a pack. A pack is Rail’s terminology for any JavaScript we add to the project. Open
As the frontend world grows the architectural solutions for it should grow as well. The main idea behind micro frontends is to have independent part of front end applications which can be maintained by independent teams. “An architectural style where independently deliverable frontend applications are composed into a greater whole” Traditional architectures Microservices advantagesdecoupled codeba
There has never been a better time to learn to code or make a career change to software engineering. The demand for web developers is at an all-time high, and it’s only increasing. There are both free and premium tutorials online that teach you the skills to get a job as a developer — no CS degree required 🤓. This article details the needed skills and the corresponding tutorials to learn them eff
Micro Frontend Architecture: Import chunks from another Webpack bundle at runtime Importing chunks from other Webpack bundles at runtime, using them as if there were always there — interleaved applications
IntroTypescript is a great addition to JavaScript. Unfortunately, not every JS package has definitions for TypeScript. Of course, you could create your custom definition in your project, but I believe that sharing these definitions makes things easier for the community: A large community maintains shared typingsThe review process could provide valuable insightsThe definition helps spread the Types
There are many quick wins you get by introducing TypeScript to your project. As they start to stack up, the confidence level alone that your engineering team gains is worth it.
次のページ
このページを最初にブックマークしてみませんか?
『Level Up Coding』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く