DEV Community: Ahmad

None of my friends like the same stuff as me. Have you ever felt this way before?

Ahmad — Sun, 19 Jun 2022 18:39:40 +0000

I often run into this problem that I need to watch anime or a horror movie or code (specifically React and C#), but I rarely find anyone with those very specific interests. 🤷‍♂️

Not to mention, with everyones calendar being so busy, with friends you always end up compromising and spending more time than needed discussing things instead of doing them.

Makes me wonder if theres anyone else in the world that wants to , for example, code on a .netcore identity component, tonight at 6pm EST.

Does any one else run into these problems? 🤔And do you wish there was something out there to help you connect with others on your terms. Whatever code is created is owned by all collaborators.

I launched https://www.iwannagoapp.com/ to solve this issue. Its a Zoom + Meetups clone social network. Like ChatRoulette but where you know in advance what the activity is , and everyones wearing pants. 😭

I know its sort of a chicken and egg thing with social networks and everyone says they're almost impossible to make work. Which is kinda why Im bootstrapping this.

My request is , if you've had a rough week, please focus all that energy into ripping this idea to shreds. 🙃

Tell me mostly why you think this idea is stupid, why it doesn't have enough merit on its own or why students/young pros wouldn't care -- any issues you have at all. And any advice on the landing page would be great too if you are so kind :) Thank you muchly!

p.s if you wanna code tonight , gimme a shout, also posted it on WannaGo 🎉 - !

https://www.iwannagoapp.com/activities/c664009b-669d-4b49-a1a5-b8063b380965

Make a WebApp Slider Menu in 2 mins - All JS frameworks

Ahmad — Fri, 17 Jun 2022 14:42:46 +0000

Okay so the title is a little click-baity, but the ease of this blew my mind and I wanted to ring the bells for my fellow devs.

So you're not stuck downloading a full library just to implement it, when all you need is a dozen lines of css for blazing fast perf and compatibility.

There's 3 overall steps which are required , all very simple, to do this. You can use any JavaScript framework or vanilla JS if you would like. Its all in pure CSS.

Create a div for your overall page content. In this example lets give it an id of #page, and make sure to assign it a width of 100vw in your .css style. So it will update its width to match the device.
Create a button with an onclick handler which sets a variable called "IsMenuVisible" to true , upon click. This is the button which will trigger the side menu to open.
Create a div with id #flyoutMenu, inside the #page div (from step1) anywhere. Add a class of "show" to this div , when "IsMenuVisible" is true , and add a class of "hide" when "IsMenuVisible" is false.
Let the CSS below do the rest of the magic :)

#flyoutMenu {
  width: 100vw;
  height: 100vh;
  background-color: #FFE600;
  position: fixed;
  top: 0;
  left: 0;
  transition: transform .3s 
              cubic-bezier(0, .52, 0, 1);
  overflow: scroll;
  z-index: 1000;
}

#flyoutMenu.hide {
  transform: translate3d(-100vw, 0, 0);
}

#flyoutMenu.show {
  transform: translate3d(0vw, 0, 0);
  overflow: hidden;
}

If you enjoyed my post I'd really appreciate it if you could check out my new webapp WannaGo. Its meant for developers and designers to come together on a cross-skill platform with built in scheduling and instant WebRTC based peer-to-peer text, audio and video chat in the browser.

WannaGo

Collaboration app for devs, designers and people who just wanna study or watch movies together :p

https://www.iwannagoapp.com/
https://twitter.com/iWannaGoApp

Original reference CSS from:
https://www.kirupa.com/react/smooth_sliding_menu_react_motion.htm

WebAssembly - Docker killer? 7 reasons

Ahmad — Fri, 17 Jun 2022 14:04:46 +0000

Tweets from Dockers co-founder:

“So will wasm replace Docker?” No, but imagine a future where Docker runs linux containers, windows containers and wasm containers side by side. Over time wasm might become the most popular container type.Docker will love them all equally, and run it all"

If WASM+WASI existed in 2008, we wouldn't have needed to created Docker. That's how important it is.
https://twitter.com/solomonstre/status/1111113329647325185

TLDR: Containers will remain relevant , however the WebAssembly revolution will take over behind the scenes impacting all the major frameworks and libraries, that are transitioning to webassembly modules. This is for both client and server applications. https://madewithwebassembly.com/ . WebAssembly IS Cloud Native and a distributed computing assassin.

In terms of cold start, WebAssembly is 100 times faster than Docker. And hence much cheaper to manage , pound for pound.
In terms of execution duration, WebAssembly is 10% - 50% shorter than Docker.
WebAssembly is free from the operating system as a simple virtual machine, making its execution duration 10% - 50% shorter than that of Docker.
WebAssembly occupies a smaller space.
The applications based on WebAssembly are generally within 1MB in size, while one Docker image can be 100 or 200 MB in size.
WebAssembly embraces a modern security policy. Better and more explicit + composable , compared to containers.
WebAssembly enjoys its “Capability-based Security” strategy, a risk control strategy based on resources offered. Different operating system interface/resources permission provided for each independent module instance can be designated by callers when instantiating each module. Built in sandboxing without a VM

5.WebAssembly facilitates the combination of software. Server + Client side. Allows for interop between all languages which compile to the WASM target.e.g. WebAssembly seamlessly supports server application frameworks, such as Node.js and Python. You can call python code from your nodejs application.

6.Part of kubernetes is being re-written in Rust, which highly complements WebAssembly.

7.Because of its small size, we can move compute to data, instead of pulling data into applications. Compute can now be funneled to the data , this reduces data duplication, data movement, and is more scalable as data sizes explode. See wasi-data ( https://github.com/singlestore-labs/wasi-data)

Streaming compute to data!
Think map reduce on steroids, and the impact that had on creating an entire "Big Data" industry.

WannaGo

Collaboration app for devs, designers and people who just wanna study or watch movies together :p

https://www.iwannagoapp.com/
https://twitter.com/iWannaGoApp