How to Deploy a React App to Production on AWS with Express, Postgres, PM2 and NGINX
There’s a lot to digest in this walk through of setting up an AWS deployment setup from scratch for a React-based webapp. - http://amp.gs/Aoa3
#react #fullstack #aws #deploy
There’s a lot to digest in this walk through of setting up an AWS deployment setup from scratch for a React-based webapp. - http://amp.gs/Aoa3
#react #fullstack #aws #deploy
Understanding Stateless Components in Vue
If you are not using an external package for state management, it's a good idea to have as few state-based components as possible by using stateless, presentational components with stateful components around them.
- http://amp.gs/AM58
#vue
If you are not using an external package for state management, it's a good idea to have as few state-based components as possible by using stateless, presentational components with stateful components around them.
- http://amp.gs/AM58
#vue
Dev Induct
Understanding Stateless Components in Vue
Sustainable Angular Architectures with Tactical DDD and MonoRepos?
Business and industrial applications are usually long-lived. These applications include customer-facing applications layered with complex backend services and systems. Many of these applications are now implemented with web frontends using JavaScript. - http://amp.gs/A5w7
#angular
Business and industrial applications are usually long-lived. These applications include customer-facing applications layered with complex backend services and systems. Many of these applications are now implemented with web frontends using JavaScript. - http://amp.gs/A5w7
#angular
DEV Community
Sustainable Angular Architectures with Tactical DDD and MonoRepos?
. Tagged with angular, architecture.
Smoother & Sharper Shadows With Layered Box-Shadows
Tobias Bjerrome Ahlin shows how to get fine-tuned control over how shadows are rendered, and create richer and more realistic 3D effects. - http://amp.gs/AQUs
#css
Tobias Bjerrome Ahlin shows how to get fine-tuned control over how shadows are rendered, and create richer and more realistic 3D effects. - http://amp.gs/AQUs
#css
Tobiasahlin
Smoother & sharper shadows with layered box-shadows
With a simple CSS trick, we can get fine-tuned control over how shadows are rendered, and create richer and more realistic 3D effects
Working with GitHub Actions
GitHub Actions are still in beta and are changing quickly. But if you are looking to get started the possibilities are endless. - http://amp.gs/AcCO
#nodejs
GitHub Actions are still in beta and are changing quickly. But if you are looking to get started the possibilities are endless. - http://amp.gs/AcCO
#nodejs
Jeffrafter
Working with GitHub Actions
GitHub Actions are still in beta and are changing quickly. But if you are looking to get started the possibilities are endless.
15 Must-Have Vue Directives That Will Maximize Your Productivity
Vue directives can add handy features and solve countless issues in your apps. Here's a list of 15 essential directives that are ready for you to use. - http://amp.gs/A6e6
#vue
Vue directives can add handy features and solve countless issues in your apps. Here's a list of 15 essential directives that are ready for you to use. - http://amp.gs/A6e6
#vue
Telerik Blogs
15 Must-Have Vue Directives Maximize Your Productivity
15 Must-Have Vue Directives That Will Significantly Maximize Your Productivity
Create Simple Chips In Angular Without Material Design
We can create chips in Angular using Material design very easily. There are lots of sample codes available in this context.
- http://amp.gs/AbkP
#angular
We can create chips in Angular using Material design very easily. There are lots of sample codes available in this context.
- http://amp.gs/AbkP
#angular
C-Sharpcorner
Create Simple Chips In Angular Without Material Design
In this post, we will create a simple chips feature in Angular 8 application without material design. We will use simple html elements, css and typescript code to implement chips design.
Deploying a Node App with PM2, NGINX, and Let's Encrypt SSL
A good walkthrough. Uses Digital Ocean for the VPS but you could use other providers (EC2, Linode, etc.) - https://www.youtube.com/watch?v=oykl1Ih9pMg
#nodejs #video
A good walkthrough. Uses Digital Ocean for the VPS but you could use other providers (EC2, Linode, etc.) - https://www.youtube.com/watch?v=oykl1Ih9pMg
#nodejs #video
YouTube
Full Node.js Deployment - NGINX, SSL With Lets Encrypt
In this video we will do a full deployment of Node.js using PM2 and an NGINX reverse proxy and a free SSL from Lets Encrypt to a DigitalOcean droplet
Commands & Steps:
https://gist.github.com/bradtraversy/cd90d1ed3c462fe3bddd11bf8953a896
$10 Free Digital…
Commands & Steps:
https://gist.github.com/bradtraversy/cd90d1ed3c462fe3bddd11bf8953a896
$10 Free Digital…
Jagged Little Pill: Issues with Rounded Buttons
Tyler Sticka shares a technique for overcoming touch target size and content clipping issues with pill-shaped and circular buttons.
- http://amp.gs/qIYH
#css
Tyler Sticka shares a technique for overcoming touch target size and content clipping issues with pill-shaped and circular buttons.
- http://amp.gs/qIYH
#css
Cloud Four
Jagged Little Pill: Issues with Rounded Buttons
A technique for overcoming touch target size and content clipping issues with pill-shaped and circular buttons.
Don't Sync State, Derive It
Avoid synchronization bugs and hidden complexity by deriving (or calculating) state on the fly rather than keeping numerous copies of state around your app. - http://amp.gs/qjzl
#react
Avoid synchronization bugs and hidden complexity by deriving (or calculating) state on the fly rather than keeping numerous copies of state around your app. - http://amp.gs/qjzl
#react
Kentcdodds
Don't Sync State. Derive It!
How to avoid state synchronization bugs and complexity with derived state.
Variable Fonts & The New Google Fonts API
A look at how variable fonts (and the related syntax) are going to work in Google Fonts going forward. - http://amp.gs/q8jT
#fonts #api #google
A look at how variable fonts (and the related syntax) are going to work in Google Fonts going forward. - http://amp.gs/q8jT
#fonts #api #google
rwt.io
Variable fonts & the new Google Fonts API | Responsive Web Typography
While I was at ATypI Tokyo a couple w
Dependency Injection in Vue.js with Functional Component Factories
Learn how to conveniently inject dependencies into Vue.js components via props and a functional wrapper component. - http://amp.gs/q8wZ
#vue
Learn how to conveniently inject dependencies into Vue.js components via props and a functional wrapper component. - http://amp.gs/q8wZ
#vue
markus.oberlehner.net
Dependency Injection in Vue.js with Functional Component Factories
Learn how to conveniently inject dependencies into Vue.js components via props and a functional wrapper component.
How to Collect, Customize, and Centralize Node Logs
Covers some best practices for collecting and customizing logs from your apps. - http://amp.gs/qT2T
#nodejs #logging
Covers some best practices for collecting and customizing logs from your apps. - http://amp.gs/qT2T
#nodejs #logging
How to collect, customize, and centralize Node.js logs
Learn some best practices for collecting and customizing logs from your Node.js applications.
Creating Behavioral Components in Angular
When working on an enterprise application, or with a company that deals with multiple projects, it’s necessary to develop a solid foundation; Specifically, it’s important to have strong core components which are flexible enough to adapt to any variation or requirement, and can be shared across teams
- http://amp.gs/q1Nw
#angular
When working on an enterprise application, or with a company that deals with multiple projects, it’s necessary to develop a solid foundation; Specifically, it’s important to have strong core components which are flexible enough to adapt to any variation or requirement, and can be shared across teams
- http://amp.gs/q1Nw
#angular
Medium
Creating Behavioral Components in Angular
Learn about behavioral components in Angular by implementing an accordion component.
CSS Grid: Illustrated Introduction
Mustapha Aouas shows how to use CSS grid to build various layouts - http://amp.gs/qYSq
#css
Mustapha Aouas shows how to use CSS grid to build various layouts - http://amp.gs/qYSq
#css
DEV Community
CSS Grid: illustrated introduction
This post is the first of a two-part series. Introduction I remember the first time I...
An HTML Attribute Potentially Worth $4.4M to Chipotle
The author discovered an autofill bug in Chipotle’s checkout process that could be costing the food company upwards of $4 million annually. - http://amp.gs/qtA8
#html
The author discovered an autofill bug in Chipotle’s checkout process that could be costing the food company upwards of $4 million annually. - http://amp.gs/qtA8
#html
Cloud Four
An HTML attribute potentially worth $4.4M to Chipotle
My parents are retired. They continue to try to pay for meals. I don't want them to. So we often end up in a competition to see who can pay first. In this case, I knew I had an advantage. My card details were already stored in the browser. I just needed to…