Community Picks·4yJavaScript Patterns Workshop
The goal is to raise awareness to certain patterns, the problems they solve, and their implementation. The patterns covered on this website and in the workshop can guide you when facing a problem other developers have encountered many times before, but are not a blunt tool for jamming into every scenario.
Community Picks·4yHow to make github profile readme.md looks awesome.
Go to your Github profile and type the repository name as your owner name. Type your social account name alone: Select what GitHub features you want to display in your profile. Click the public option for your online account name to see what you can use in your GitHub profile. Click the Edit profile button: and type your name, BIO, URL (your personal portfolio website, and location. If you don't have a website and want one.
freeCodeCamp·4yHow to Prepare for React Interviews – Front-End Technical Interview Guide
A polyfill is a custom implementation of native JavaScript functions. The.map() polyfill method takes in a callback that gets executed inside the myMap body. This is nothing but the length of the array through which theMyMap function is called. Since map() returns a new array, we create an empty array and push the results into it. In order to implement debouncing, let's take an example.
DEV·4ySystem Design: Netflix
Netflix is a subscription-based streaming service that allows its members to watch TV shows and movies on an internet-connected device. The system should meet the following requirements: Users should be able to stream and share videos. This API will allow our users to post a comment on a video (like YouTube) The tweet service will handle video streaming-related functionality. It will be discussed in detail separately.
Community Picks·4yMaking a fast website is SUPER EASY
For a website whose goal is to convert customers by selling goods or services, the website should be attractive to look at. Images take up a huge part of the website's total size. As of August 2022, images made up on average 45% on desktop and 44% on mobile of a page’s total weight. Optimizing the images can therefore result in big and easy wins.
Slack engineering·4yRecommend API
Recommend API allows us to quickly bootstrap new recommendation use cases behind an API which is easily accessible to engineers at Slack. These recommenders reuse a common set of infrastructure for every part of the recommendation engine. This has allowed us to deliver a number of different recommendation models across the product, driving improved customer experience.
DEV·4yGit Cheatsheet
The command is particularly useful in combination with git add when you only want to commit certain files. If you have changes in your current branch, you will need to either stash them or undo. A rebase will look at each commit on your branch and update the code to make it seem like you've been working off the new base all along. It doesn't know which version of the code.
Pointer·4yBook Recommendations for Software Engineers
Algorithms to Live By Algorithm To Live By explains computer science algorithms in plain language and points out how relevant they are to our lives by solving problems we all encounter every day. The book is all about how we use technology in our lives and how society has been transformed as a result of the latest technological development.
Better Programming·4yGoodbye Electron. Hello Tauri, A Rust-powered Backend Framework
Electron is a Rust-powered Backend Framework paired with a React frontend to offer an awesome browser-less experience. Tauri is a toolkit that helps developers make applications for the major desktop platforms — using virtually any frontend framework in existence. For completeness, you can find the entire code base for my community project on my Gitlab.
Dev Genius·4yHow to write maintainable JavaScript code in 2023 — Web or Node.js
Using TypeScript everywhere is best suited for JS developers with at least medium experience. Don’t be scared of TypeScript. Use prototypes and/or MVPs before implementing complex features. Use ESLint and Prettier together and you can focus on what your code does. If you use prettier, it will join multi-line breaks.
Community Picks·4ygitignore.io is great
gitignore.io is a tool that is so profoundly helpful that I've forgotten what life was like without it. Its purpose is simple: for any project you're working on, it'll generate a valid.gitignore file for you. You can write it by hand, or grab one from another project you work on.
Changelog·4yLearn PWA
Learn PWA fundamentals like the Web App Manifest, service workers, how to design with an app in mind, what's different from a classic web app, and how to Window management A PWA outside of the browser manages its own window. In this chapter, you will understand the APIs and capabilities for managing a window.
Medium·4y6 Best Practices for Software Delivery
The Testing Pyramid is a great starting point, and the Testing Pyramid to Fail Fast and Reduce Risk. The longer you leave feedback, the most costly it will become, you start having to interrupt people from other work, and after weeks/months pass by, it’s more likely that people and knowledge will leave.
80 LEVEL·4yAdobe Will Acquire Figma for $20 Billion
Art by Vijay Verma Adobe has announced it will acquire the collaborative design platform Figma for approximately $20 billion. Dylan Field and Evan Wallace began working on Figma in 2012, now the app is popular among designers and developers. The transaction is expected to close in 2023.
freeCodeCamp·4yHow to Lazy Load Images in React
Lazy loading is a strategy that delays the loading of some assets (e.g., images) until they are needed by the user based on the user's activity and navigation pattern. For browsers like Firefox, the loading= "lazy" property doesn't work in an iframe element. To use the placeholder image, add a PlaceholderSrc attribute to the image with the value of the image. You can see how it is.
Faun·4yTop 30 System Design Interview Questions and Problems for Programmers and Software Engineers
System design is a process of defining the elements of a system such as the modules, components, various interfaces and architecture. Here are the top 20 System Design interview questions you can prepare before your next Interview. What are the Types of Documentation in System Design? What do you understand by load balancing? Why is it important in system design?
Hacker News·4yDesign Freedom for Teams
Penpot is the first Open Source design and prototyping platform meant for cross-domain teams. It's not dependent on operating systems or installations, you will only need to run a modern browser. You can access the project on GitHub and follow the contribution instructions.
freeCodeCamp·4yBest Practices for Scaling Your Node.js REST APIs
Use throttling at the first junction point between your application and the News Feed Service. Use the ELK stack for setting up a good logging and alerting pipeline. If a request goes through multiple services during the lifecycle, you can pass along a unique ID in the logs to capture a particular request across all the services.
Community Picks·4yBuilding a Full Stack Web3 YouTube Clone with Next, IPFS, The Graph, Solidity, and Polygon
Next, IPFS, The Graph, Solidity, and Polygon Table of contents. Building a full-stack YouTube clone on top of the Polygon blockchain using the below tech stack. The next step is to set up a next.js app and install the required dependencies. The smart contract is a decentralized program that responds to events by executing business logic.
