Microfrontends Architecture, Tooling, and Recommended Practices
The Vertical Slice · Library/Framework: Favor React over Angular · Code Structure: Favor Monorepo over… -
https://medium.com/javarevisited/microfrontends-architecture-tooling-and-recommended-practices-821fd987b344?utm_campaign=microfrontends-architecture--tooling--an
#microfrontend #react #javascript
The Vertical Slice · Library/Framework: Favor React over Angular · Code Structure: Favor Monorepo over… -
https://medium.com/javarevisited/microfrontends-architecture-tooling-and-recommended-practices-821fd987b344?utm_campaign=microfrontends-architecture--tooling--an
#microfrontend #react #javascript
Medium
Microfrontends Architecture, Tooling, and Recommended Practices
· The Vertical Slice · Library/Framework: Favor React over Angular · Code Structure: Favor Monorepo over Multirepo · Nx: Best-in-Class…
July 26, 2022
Notes on Maintaining an Internal React Component Library
A developer’s thoughts on maintaining a component library as part of an existing design system used by a large number of frontend apps at DigitalOcean. -
https://www.gabe.pizza/notes-on-component-libraries/?utm_campaign=notes-on-maintaining-an-internal-react-c
#react
A developer’s thoughts on maintaining a component library as part of an existing design system used by a large number of frontend apps at DigitalOcean. -
https://www.gabe.pizza/notes-on-component-libraries/?utm_campaign=notes-on-maintaining-an-internal-react-c
#react
gabe.pizza
Gabe's blog
A personal blog by Gabe Scholz
July 26, 2022
Learn JavaScript™ pinned «Channel that contains a collection of news or content about JavaScript, Typescript, HTML, CSS, Libraries, Framework JS, Node.js , and also the engine To search for articles, use the search feature on this channel, and you can also search by hashtag # 👇👇👇»
July 26, 2022
A collection of VS Code extensions to help app developers
https://blog.openreplay.com/top-visual-studio-code-extensions-for-developers-in-2022
#extension #vscode
https://blog.openreplay.com/top-visual-studio-code-extensions-for-developers-in-2022
#extension #vscode
July 27, 2022
Take a look at some of the new features in JavaScript ES2022
https://javascript.plainenglish.io/es13-javascript-features-eed7ed2f1497
—-
Making error handling on asynchronous code in Express JS
https://betterprogramming.pub/two-error-handling-methods-for-asynchronous-code-in-express-js-72feb82d4f2
—-
#es2022 #async #express #nodejs
https://javascript.plainenglish.io/es13-javascript-features-eed7ed2f1497
—-
Making error handling on asynchronous code in Express JS
https://betterprogramming.pub/two-error-handling-methods-for-asynchronous-code-in-express-js-72feb82d4f2
—-
#es2022 #async #express #nodejs
Medium
11 Amazing New JavaScript Features in ES13
We take a look at the most recently released JavaScript features from ES13 that will help you write more concise and expressive code.
❤1
July 27, 2022
Practice from Lama Dev on some mistakes in using state management in React
https://www.youtube.com/watch?v=Fhu5cu864ag
#react #state #lamaDev
https://www.youtube.com/watch?v=Fhu5cu864ag
#react #state #lamaDev
YouTube
6 State Mistakes Every Junior React Developer Makes
React useState tutorial beginner to advanced. React useState best practices and solutions to the most common state problems. Functional update, white screen problem, derived states, and more.
For more projects you can support Lama Dev:
Join: https://ww…
For more projects you can support Lama Dev:
Join: https://ww…
👍1
July 27, 2022
The 10 Most Common JavaScript Issues Developers Face
https://www.toptal.com/javascript/10-most-common-javascript-mistakes
#js #issues
https://www.toptal.com/javascript/10-most-common-javascript-mistakes
#js #issues
Toptal
The 10 Most Common JavaScript Issues Developers Face
If you need help figuring out why your JavaScript isn't working, consult this list of the 10 most common JavaScript issues from a skilled engineer.
July 27, 2022
July 27, 2022
July 27, 2022
Why I Chose Angular to Build a URL Shortener
https://css-tricks.com/why-i-chose-angular-to-build-a-url-shortener/
#angularjs #angular #javascript
https://css-tricks.com/why-i-chose-angular-to-build-a-url-shortener/
#angularjs #angular #javascript
CSS-Tricks
Why I Chose Angular to Build a URL Shortener | CSS-Tricks
There are many JavaScript frameworks for frontend development. Examples include Angular, React, Vue, etc.
July 27, 2022
July 27, 2022
An Introduction to SvelteKit in 80 Minutes
https://youtu.be/oJqkhK_FkQ4
#svelte #sveltekit #javascript
https://youtu.be/oJqkhK_FkQ4
#svelte #sveltekit #javascript
YouTube
Introduction to SvelteKit with Nacho Falk | JavaScript Marathon
Svelte is a front-end, open-source JavaScript framework for building fast interactive web applications. In this video, Nacho Falk will be talking about understanding Svelte, the syntax, routing with Svelte, its reactivity model, and the component building…
July 27, 2022
Vue Use State Effect
The vue-use-state-effect library allows you to create sharable states/stores inside your application. You can then handle them via composables with your own custom logic.
https://itnext.io/vue-use-state-effect-14f81a6c8d62?utm_campaign=vue-use-state-effectthe-vue-use-stat&gi=d6e787cb4fde
#vue #vuejs #javascript #framework
The vue-use-state-effect library allows you to create sharable states/stores inside your application. You can then handle them via composables with your own custom logic.
https://itnext.io/vue-use-state-effect-14f81a6c8d62?utm_campaign=vue-use-state-effectthe-vue-use-stat&gi=d6e787cb4fde
#vue #vuejs #javascript #framework
Medium
Vue Use State Effect
We all know Vuex. It is a great addition to the Vue ecosystem from the very beginning. It helped to manage the state in dozens of projects…
July 27, 2022
July 27, 2022
Practice making photo sharing apps with Nuxt JS 3 and Strapi CMS
https://medium.com/strapi/how-to-build-a-photo-sharing-app-with-nuxt-3-graphql-cloudinary-postgres-and-strapi-d2b28bc94429
#strapi #nuxt #vue
https://medium.com/strapi/how-to-build-a-photo-sharing-app-with-nuxt-3-graphql-cloudinary-postgres-and-strapi-d2b28bc94429
#strapi #nuxt #vue
Medium
How to Build a Photo Sharing App with Nuxt 3, GraphQL, Cloudinary, Postgres and Strapi
In this tutorial, we’ll build an SSR application with Nuxt and integrate GraphQL, Postgres and Cloudinary with Strapi.
July 28, 2022
Practice using DOM manipulation often used with JavaScript, with Dcode channels
https://youtu.be/geprtDTW-TU
#dcode #dom #manipulation
https://youtu.be/geprtDTW-TU
#dcode #dom #manipulation
YouTube
The BEST JavaScript DOM Manipulation Methods?
In today's video we'll take a look at some of the best DOM manipulation methods in JavaScript. These methods allow to you insert elements or text nodes after an element, before or even replace.
We also explore appending or prepending from a parent element.…
We also explore appending or prepending from a parent element.…
July 28, 2022
Review course from Traversy Media on using CSS, HTML and JavaScript to create simple projects
https://youtu.be/HtunPQtr-Xw
#css #project #traversyMedia
https://youtu.be/HtunPQtr-Xw
#css #project #traversyMedia
YouTube
5 HTML, CSS & JS Mini Projects - Scroll Animation, Rotating Navigation, Drag Events, etc
5 projects from my 50 Projects In 50 Days course on Udemy. These projects are meant to sharpen your CSS skills and help you work with the DOM using JavaScript.
FULL COURSE: $9.99 Promo Link (Only valid for 5 days)
https://www.udemy.com/course/50-projects…
FULL COURSE: $9.99 Promo Link (Only valid for 5 days)
https://www.udemy.com/course/50-projects…
July 28, 2022
Long practice making online store application with Node JS and WhatsApp API
https://blog.logrocket.com/build-ecommerce-app-whatsapp-cloud-api-node-js/
#nodejs #whatsapp #ecommerce
https://blog.logrocket.com/build-ecommerce-app-whatsapp-cloud-api-node-js/
#nodejs #whatsapp #ecommerce
LogRocket Blog
Build an automated ecommerce app with WhatsApp Cloud API and Node.js - LogRocket Blog
The newly open-sourced WhatsApp Business API provides a new channel for ecommerce businesses to engage customers.
July 28, 2022
Creating a star rating widget in React JS
https://betterprogramming.pub/how-to-implement-star-rating-widget-with-react-js-and-optimize-it-e3625f3104f
---
Create an image gallery with the React carousel library
https://blog.openreplay.com/build-an-elegant-gallery-with-react-responsive-carousel
#rating #star #widget #react
https://betterprogramming.pub/how-to-implement-star-rating-widget-with-react-js-and-optimize-it-e3625f3104f
---
Create an image gallery with the React carousel library
https://blog.openreplay.com/build-an-elegant-gallery-with-react-responsive-carousel
#rating #star #widget #react
Medium
How to Implement Star Rating Widget With React.js and Optimize It
Designing it from start to finish
July 28, 2022
Forwarded from Learn CSS™
Some modern web layout references made with CSS Grid
https://dev.to/preethi_dev/25-extremely-modern-layouts-using-css-grid-10ek
---
Difference about rem and em units in layout size property in CSS
https://blog.logrocket.com/using-em-vs-rem-css/
---
Introduction to some CSS units
https://dev.to/rembertdesigns/css-units-tutorial-33eh
#css #layout #grid #rem #em
https://dev.to/preethi_dev/25-extremely-modern-layouts-using-css-grid-10ek
---
Difference about rem and em units in layout size property in CSS
https://blog.logrocket.com/using-em-vs-rem-css/
---
Introduction to some CSS units
https://dev.to/rembertdesigns/css-units-tutorial-33eh
#css #layout #grid #rem #em
DEV Community
25 Extremely Modern Layouts Using CSS Grid✨
Hey There👋🏽, it's really after a long time writing an article. I spent more than a couple of months...
July 28, 2022
Resolved the issue of JSON data failing to be read by JavaScript
https://www.freecodecamp.org/news/object-object-in-javascript-meaning-in-js/
---
Looping on JavaScript Objects
https://www.freecodecamp.org/news/how-to-iterate-over-objects-in-javascript/
#object #loop #parsing
https://www.freecodecamp.org/news/object-object-in-javascript-meaning-in-js/
---
Looping on JavaScript Objects
https://www.freecodecamp.org/news/how-to-iterate-over-objects-in-javascript/
#object #loop #parsing
freeCodeCamp.org
[object, object] in JavaScript – Meaning in JS
When working with objects in JavaScript, you may have come across the [object, object] output. While this may seem irrelevant, it's not necessarily an error. [object, object] is the string representation of a JavaScript object data type. You'll unde...
July 28, 2022
What is new in Angular 14?
https://nevzatopcu.medium.com/what-is-new-in-angular-14-d31edf91fd3e?utm_campaign=what-is-new-in-angular-14-honestly
#angular #framework #angularjs
https://nevzatopcu.medium.com/what-is-new-in-angular-14-d31edf91fd3e?utm_campaign=what-is-new-in-angular-14-honestly
#angular #framework #angularjs
Medium
What is new in Angular 14?
Honestly, they haven’t brought a lot of features into a single major version for a while, so the community seems to be thrilled and looking…
July 28, 2022
Front End Lead — Angular Interview Question & Answers
https://medium.com/@karanmeshram4/front-end-lead-angular-interview-question-answers-4c8b9af21bce
#frontend #angular #angularjs #framework #interview
https://medium.com/@karanmeshram4/front-end-lead-angular-interview-question-answers-4c8b9af21bce
#frontend #angular #angularjs #framework #interview
Medium
Front End Lead — Angular Interview Question & Answers
ngOnInit(): Initialize the directive or component after Angular first displays the data-bound properties and sets the directive or component’s input properties. ngAfterContentInit(): Respond after…
July 28, 2022
5 Angular performance enhancements in 2022
https://medium.com/@devjo/5-angular-performance-enhancements-in-2022-fc17c3777173
#angular #angularjs #framework #perfomance #javascript #js
https://medium.com/@devjo/5-angular-performance-enhancements-in-2022-fc17c3777173
#angular #angularjs #framework #perfomance #javascript #js
Medium
5 Angular Performance Enhancements in 2022
Learn 5 ways in which you can improve the performance of your laggy and slow Angular apps.
July 28, 2022
❤1🔥1👏1🤩1🙏1💋1
July 28, 2022
Learn JavaScript™ pinned «JavaScript Discussion group invite link 😃 : https://t.me/+mCMYn5sByMk1Mjg9»
July 28, 2022
The New Wave of React State Management
https://frontendmastery.com/posts/the-new-wave-of-react-state-management/?utm_campaign=the-new-wave-of-react-state-management
#react #management #state #js #javascript #framework
https://frontendmastery.com/posts/the-new-wave-of-react-state-management/?utm_campaign=the-new-wave-of-react-state-management
#react #management #state #js #javascript #framework
Frontendmastery
The new wave of React state management
Understand the core problems state management libraries need to solve. And how the proliferation of modern libraries address them in new ways.
👍1
July 28, 2022
Release notes of Google Chrome Dev Tools 104 with some new features in it
https://www.youtube.com/watch?v=4RXWfw7Xg_Y
#chrome #devtools
https://www.youtube.com/watch?v=4RXWfw7Xg_Y
#chrome #devtools
YouTube
Chrome 104 - What’s New in DevTools
What’s new in DevTools (Chrome 104) → https://goo.gle/3Bx9uvU
Chapters:
0:00 - Intro
0:12 - Restart frame
1:18 - Slow replay in Recorder
2:01 - Install an extension for the Recorder panel
3:09 - Group files by Authored / Deployed
4:09 - Reveal assigned…
Chapters:
0:00 - Intro
0:12 - Restart frame
1:18 - Slow replay in Recorder
2:01 - Install an extension for the Recorder panel
3:09 - Group files by Authored / Deployed
4:09 - Reveal assigned…
July 29, 2022
Take a look at some CSS animation libraries to try
https://devdojo.com/souptikdn/12-best-css-animation-libraries
---
#css #animation
https://devdojo.com/souptikdn/12-best-css-animation-libraries
---
#css #animation
DevDojo
12 Best CSS Animation Libraries 😍
No matter what you're looking for, whether it's clean and simple or fun and quirky, you'll definitely find a library for you among these CSSanimation libraries. Here are the best 12 CSS animation libr...
July 29, 2022
Introducing Flowbite, the Tailwind Component library to try
https://flowbite.com/
#tailwind #css #flowbite
https://flowbite.com/
#tailwind #css #flowbite
July 29, 2022
Practice using the REST API client in VS Code for an alternative to the Postman client
https://youtu.be/VuO-Haub9-I
#postman #vscode
https://youtu.be/VuO-Haub9-I
#postman #vscode
YouTube
I'm Still Not Using Postman!! I Use This NEW VS Code Extension Instead...
This VS Code extension replaces Postman for me! https://marketplace.visualstudio.com/items?itemName=RapidAPI.vscode-rapidapi-client&utm_source=jamesqquick&utm_medium=DevRel&utm_campaign=DevRel
The RapidAPI Client VS Code extension has several really nice…
The RapidAPI Client VS Code extension has several really nice…
July 29, 2022
Practice using flat and flatmap Array manipulation functions in JavaScript
https://www.freecodecamp.org/news/flat-and-flatmap-javascript-array-methods/
---
An example of the difference between document.ready in pure JavaScript or in Jquery
https://www.freecodecamp.org/news/javascript-document-ready-jquery-example/
---
Adding 1 year timeframe to Date JavaScript
https://javascript.plainenglish.io/javascript-add-1-year-to-date-5bb325016f83
#flat #flatmap #date #documentReady
https://www.freecodecamp.org/news/flat-and-flatmap-javascript-array-methods/
---
An example of the difference between document.ready in pure JavaScript or in Jquery
https://www.freecodecamp.org/news/javascript-document-ready-jquery-example/
---
Adding 1 year timeframe to Date JavaScript
https://javascript.plainenglish.io/javascript-add-1-year-to-date-5bb325016f83
#flat #flatmap #date #documentReady
freeCodeCamp.org
How to Use the flat() and flatMap() Methods to Flatten Arrays in JavaScript
By Kenechukwu Nwobodo In this article I'm going to explain how to use the new array methods introduced in ES2019 (EcmaScript 2019) – flat() and flatMap(). You use these methods to flatten arrays. The methods are very useful and easy to use. It will r...
July 29, 2022
An introduction to what Redux is and an example of its use
https://www.freecodecamp.org/news/what-is-redux-store-actions-reducers-explained/
---
Example of TDD implementation in React JS
https://www.freecodecamp.org/news/test-driven-development-tutorial-how-to-test-javascript-and-reactjs-app/
#react #tdd #redux
https://www.freecodecamp.org/news/what-is-redux-store-actions-reducers-explained/
---
Example of TDD implementation in React JS
https://www.freecodecamp.org/news/test-driven-development-tutorial-how-to-test-javascript-and-reactjs-app/
#react #tdd #redux
freeCodeCamp.org
What is Redux? Store, Actions, and Reducers Explained for Beginners
Redux is a predictable state container for JavaScript apps. So what does that really mean? If we dig deeper into this statement, we see that Redux is a state management library that you can use with any JS library or framework like React, Angular, or...
July 29, 2022
Practice how to use SSL on Node JS
https://blog.bitsrc.io/how-to-generate-and-use-an-ssl-certificate-in-nodejs-72491dcee7c2
—-
Comparison between Bun runtime and Node JS runtime in terms of performance
https://itnext.io/deeper-testing-of-buns-performance-and-compatibility-against-node-js-9115763965ed
—-
#nodejs #ssl #bun #runtime
https://blog.bitsrc.io/how-to-generate-and-use-an-ssl-certificate-in-nodejs-72491dcee7c2
—-
Comparison between Bun runtime and Node JS runtime in terms of performance
https://itnext.io/deeper-testing-of-buns-performance-and-compatibility-against-node-js-9115763965ed
—-
#nodejs #ssl #bun #runtime
Medium
How to Generate and Use an SSL Certificate in Node.js
Generate and use an SSL Certificate in NodeJs- The definitive guide.
July 29, 2022
Introduction to Hoisting on JavaScript
https://medium.com/@ankit_k_sharma/hoisting-in-java-script-859279d3b2ec
#hoisting #javascript
https://medium.com/@ankit_k_sharma/hoisting-in-java-script-859279d3b2ec
#hoisting #javascript
Medium
Hoisting in Java Script
Nowadays, Java script is the most popular language in the world. If you are a fresher or experienced, then you should know, what is Java…
👍1
July 29, 2022
Building Table Sorting and Pagination in a Web Component
https://www.raymondcamden.com/2022/05/23/building-table-sorting-and-pagination-in-a-web-component?utm_campaign=building-table-sorting-and-pagination-in
#webcomponent #pagination
https://www.raymondcamden.com/2022/05/23/building-table-sorting-and-pagination-in-a-web-component?utm_campaign=building-table-sorting-and-pagination-in
#webcomponent #pagination
Raymondcamden
Building Table Sorting and Pagination in a Web Component
Building a web component to abstract loading data into a table and adding sorting and pagination.
July 29, 2022
July 29, 2022
Ways to Estimate npm Package Market Share
https://blog.isquaredsoftware.com/2022/07/npm-package-market-share-estimates/?utm_campaign=ways-to-estimate-npm-package-market-shar
#nodejs #npm #package
https://blog.isquaredsoftware.com/2022/07/npm-package-market-share-estimates/?utm_campaign=ways-to-estimate-npm-package-market-shar
#nodejs #npm #package
Mark's Dev Blog
Blogged Answers: How I Estimate NPM Package Market Share (and how Redux usage compares to other libraries)
Techniques and sources I use to estimate relative market share of various NPM packages, with caveats and examples
July 29, 2022