Geek Culture·5yWriting Clean JavaScript — ES6 Edition
Clean code is not just code that works, but rather code that can be easily read, reused, and refactored by others. This article focuses on writing clean JavaScript ES6 code which is not framework-specific. Most of the mentioned examples can apply to almost any other programming language.
DEV·5yNo More ../../../ Import in React
Absolute imports make the component more readable and clean. Steps to configure absolute Import in Create React App without any third-party packages. For JET Brains IDEs like WebStorm, PhpStorm, RubyMine and etc, we need to add some additional configurations as below.
Hashnode·5y100 Things You Should Know as a Software Engineer
Premature optimization is the root of all evil. It is quite rare that you ever need to build something from scratch. Use code comments to explain why you are doing something. 100% line/branch coverage doesn't mean your code is bug-free. Write your tests to covers all functional requirements, not to cover lines/branches.
Hashnode·5y🔥 6 Awesome CSS Layout Generators
6 awesome CSS layout generators/tools that will help you in rapid prototyping and front-end development of CSS layouts for your projects. Quickly design web layouts, and get HTML and CSS code. Learn CSS Grid visually and build web layouts with this interactive CSS Grid Generator.
Hashnode·5y7 Trending projects on GitHub for JavaScript developers
Web Development for Beginners is a 12-week, 24-lesson curriculum all about JavaScript, CSS, and HTML basics. D3 is a JavaScript library for visualizing data using web standards. Mammoth is designed to convert .docx documents, such as those created by Microsoft Word, Google Docs, and LibreOffice, and convert them to HTML.
DEV·5yBest VS Code setup
This story is intended for Javascript or Typescript dev. It includes extensions which I describe, but most likely you can use all of them. I have been spending a lot ( so much ) time creating the best coding setup. It's free to use, but you will have the best opportunity to make your coding process so lovely.
Honeypot·5yBest React Developer Tools 2021
Europe's IT worker shortage is projected to grow, meaning job openings for React developers are on the up and up. It's always important to stay up to date with the latest in the world of React to be a competitive player in the job market. Let's talk about what React developer tools are being used in 2021 and why you should include them in your stack.
JavaScript in Plain English·5yThe Greatest React Developer I Ever Met
Mohammad Faisal shares the story of one of the greatest engineers he has seen in his life. He was not the fastest but he cared about best practices. His code was so beautiful that a junior developer had absolutely no problem understanding what was going on there. He left the company due to conflict with management.
GitHub Blog·5yGitHub’s Engineering Team has moved to Codespaces
GitHub is making Codespaces available to Team and Enterprise Cloud plans on GitHub.com. Codespaces provides software teams a faster, more collaborative development environment in the cloud. GitHub’s Engineering Team has moved to Codespaces. Adopting Codespaces has provided us with an opportunity to improve our overall development experience.
Hashnode·5yFrom zero to Web developer
Web development is the work involved in developing a website or a web application. There are multiple paths you can take while learning web development. This is the one I would take if I had to do it all over again. These steps are going from the very beginning, so it's suited for beginners.
Hashnode·5yJavascript Clean Code Tips & Good Practices
Code should be written in such a way that is self-explanatory, easy to understand, and easy to modify or extend for the new features. Don't turn naming into a riddle game. Use default arguments instead of short-circuiting or conditionals. The smaller the function the better it is to understand and refactor.
Faun·5yMongoDB — Complete Guide
MongoDB is a cross-platform document-oriented database program. Classified as a NoSQL database program, MongoDB uses JSON-like documents with optional schemas. MongoDB is built for modern application developers and for the cloud era. NoSQL is used to store structured as well as unstructured data.
Hashnode·5yI Built A SaaS Startup In 2 Months, Here's What I Learned.
Upsocial aims to be an all-in-one social media dashboard built for content creators. It uses social media API's to track and store your profile and content growth over time, and display that information in a simple dashboard. Upsocial uses all of my favourite technologies, and is 100% serverless. It takes advantage of some of the same technologies that Hashnode utilizes too!
Hashnode·5y20 Mental Health Tips for Developers
Mental health has been a major concern in the remote work environment. We've heard about boosters for mental health but we have forgotten about the root. Communities like hashnode enable us to adopt a friendly culture that boosts our minds. The problems cannot be cured by medicines and tranquilizers but only possible with the right people and community.
DEV·5yHow to add router progress bar in Next.js with one line of code 🤯
Next.js pages are lazy-loaded so if you fetch some API or fetch data from a database it can take a few seconds to reach the second page. To let the user know that the page is being loaded we will add a progress bar at the top of the screen.
Hashnode·5yThe best VS Code extensions for remote working
The best VS Code extensions for remote teams. Real-time cross-IDE collaboration, merge conflict detection and video calls. Codetour allows you to record and playback guided walks of the codebase. GistPad is a great way to create code snippets, notes, or tasks lists.
SitePen·5yDeno: Desktop JS Evolved
Deno is a system for executing JavaScript code in various environments ( desktop, command-line, server, etc.) Unlike Node.js, Deno restricts a script’s capabilities by default. Without explicit permission, a Deno script can not open network connections or access the environment.
DEV·5yLazy loading react components with dynamic imports and intersection observer
Lazy loading is a way by which we can load content only when they are needed. This is achieved by code-splitting, where we split our app into multiple chunks. The idea here is to serve the user with only the content they can view, and serve the other contents as and when the user visits them.
LogRocket·5yWhy scrum is becoming irrelevant
Scrum should encourage teams to learn through experience, self-organize while working on a problem, and reflect on their wins and losses to improve continuously. Scrum has, unfortunately, ended up destroying the central tenet of agile, which is people over process. A lot of this comes down to bad management and the rise of the certified scrum master.
Hashnode·5yHow To Enable Real-Time Merge Conflict Detection in VS Code
GitLive has an early warning system for merge conflicts. It will show you where your teammates have made changes compared to your version of the file. It can even update in real-time as you and your teammates are editing. For simple conflicts this can be a quick way to resolve them as identical changes on different branches will merge cleanly.
freeCodeCamp·5yProgramming, Math, and Statistics You Need to Know for Data Science and Machine Learning
Harshit Tyagi is a data scientist and author of the book "Machine Learning for Dummies" He is also the co-founder of the data-driven start-up, Machine Learning Laboratory. He has written books on data science and machine learning, including "The Machine Learning Handbook" and "Data Science and Machine Learning: The Complete Guide"
Faun·5yWriting clean code
Clean code is some code which is easily readable and meaningful. It usually takes less cognitive effort to understand what’s actually happening and it is always concise to the point. The basic practice in writing clean code involves avoiding unintuitive names, complex nesting of if-else blocks and big code blocks.
30 seconds of code·5yJavaScript Data Structures
A tree is a data structure consisting of a set of linked nodes that represent a hierarchical tree structure. Each node is linked to others via parent-children relationship. The first node in the tree is the root, whereas nodes without any children are the leaves. The main operations of a tree data structure are:insert, remove and find.
