« first day (2050 days earlier)      last day (3121 days later) » 

00:06
ooooo joshbalfour.github.io/disable-scroll-jacking disable scroll jacking in chrome
very very interesting
@FilipDupanović wtaf
00:20
// Is this...
class MyComponent extends Component {
    state = {}
}
// ... operationally the same as this
class MyComponent extends Component {
    constructor () {
        this.state = {};
    }
}
scroll-jack-jacking
@monners the first one isn't valid es6.
it might be a proposal, though
That's what I thought, know a resource that explicitly says that?
@rlemon thoughts?
the es6 spec. :) No.. not off the top of my head, but I was disappointed when I found out
it makes sense since it would put it on the prototype and possible lead to unexpected behavior
the constructor version won't have that problem
@monners latter is what I'd do
former looks wrong
and might be
former IS wrong. :)
00:24
@Luggage yea I'm not about to try it, so I'm safer to just say looks wrong :P
@rlemon That's what I've always done, but the team I'm on is doing the former. I don't know why....
is there a pre-compile step going on?
the former feels natural if you come from lanngauges liek c#, java, etc.
Babel is the only thing going on
@rlemon got the magnesium. I saw MSM pills, but I skipped for now. I spent a lot of money on fresh groceries today. I'm gonna do lots of meal prep from now on
00:26
former looks best. run with it
@ndugger MSM if you feel your joints starting to hurt
@taco well, only if it works. in straight ES6 it isn't valid.
there has to be a step before hand turning it to something else.
@Luggage Do you have any experience with Amazon Aurora (RDBMS)?
class Poop {
  corn = {count:123};
}
throws for me
so yea
I also ordered a bunch of meal prep containers and a giant lunchbox that fits 3 meals in it. I'll prep 3 small meals to eat at work throughout the day. I'm aiming for those 5 small meals throughout the day that my PT suggested to me
00:27
Hrrrm
I wonder why it's not throwing for us....
@monners are you using Babel?
Yeah
ClassElement: MethodDefinition or static MethodDefinition
@SvetanDimoff nope.
@rlemon needs an eat method
@FilipDupanović es6fiddle.net/ioozq3hc
es6fiddle uses babel
.
stupid formatting
00:29
huh, strange
This is a closed matter. I've investigated it before and just linked the relevant part of the spec. It's not allowed. If you get it working, you'll go to jail.
@Luggage which is why I'm wondering if there is another pre-compile step
that converts it into valid es6
I also argue you don't WANT it. It would still not be 100% equivalent to the second way.
00:31
Scratch JS output looks the same for both
class MyComponent { }
MyComponent.prototype.state = {};
// all components will SHARE a state!
Right?!?
scratch JS might have some other transform instead of the one I manually applied
whatever that is.
class MyComponent {
    static state = {};
}
no, not static. that's somethign else
00:32
is this es7 maybe?
es7 does have properties proposed.
could be a babel plugin handling it
I've been using class properties since forever.
It is es7
We're running ES2015 preset, so they shouldn't work?
Theoretically, but it's a strong enough proposal (and really useful), so they probably just added it in
00:34
not into the preset since it's NOT es2015.
Go tell them; I'm not their keeper.
But doesn't that imply that you're adding the property to the prototype of all the instances of the class?
Huh. I tried out using class properties on the babel repl (using only es2015), and it fails.
Which, in React, would mean you're adding state: {} to every component that's an extension of React.Component (which they all are)
so they definitely did not include them
00:37
the es7 version might be implemented differently than the way I said with the prototype.
also, no. only your class would share it's prototype.
the react component you are extending is further down the prototype chain
1 more reason to get a 3D printer
01:07
@Codeman lol
I love Scream & Shout, but not that one, the other one.
I heard you can write android apps with JS. Is that true?
there are many solutions to cross deploy js apps
Hey guys, what's up
Has anyone on here used bower?
hi @qaispak !
sup piercing arrow (I've recently ordered parts for the pc you guys helped me build)
errrrrr bower for package managing!
I need to learn it for my internship. Struggling a bit.
01:15
oops
are you doing sysadmin work something else?
No I am being introduced to various parts of development
so first part is to look at the front-end of an AngularJS project
and they use the bower ppackage manager
they told me "get the right bower components and then fix this table using angular material"
hmm
lemme quickly do the angularjs tutorial and get back to you on that :P
I've never done front end stuff. It's driving me insane!
haha....
01:18
??
Lol
> What is Angular JS? A client-side JS Framework for adding interactivity to HTML. How do we tell our HTML when to trigger our JavaScript?
So far it sounds exactly like vanilla JS...
@qaispak ah. okay
angular does more than that
hmm
modules..
doesn't browserify do that too?
I don't use it, but it is nothing like how you normally interact with js / html
I think so
AngularJS seems pointless so far..
01:20
I just wanna know what he meant by fix the compomenets in bower
angular, the SharePoint of JS front-end frameworks
since bower is a package manager, wouldn't I just update everything that's on there? :/
@qaispak Were they broken?
a table on the front end is broken
package managers have nothing to do with data binding
01:21
I'm confused...
the table is broken and... he said it could be fixed if we get a newer version of angularMaterial
@qaispak Table?
so am I. What part are you confused about?
an HTML table
well
yeah...
You can fix that with a newer version of angularMaterial?
sigh..
apparently.
01:22
ng-glue
did you try upgrading it?
Now I'm even more confused
^ typical Angular user. :)
@KendallFrey planetary exploration is tough work.
01:24
rlemon, updating what? the angularmaterial?
no I got this task last hour of work. Can't access it outside of work now
yes
I will try tomorrow. Then remake this table
I don't even know how to make tables in angularmaterial :/
angularmaterial sounds like material design in angular
having not used either, I'd suggest starting with "material design + tables"
@rlemon Fun fact, when the rover gets stuck on Mars, they get their model rover stuck in the same position and experiment with it before trying to get the real one unstuck.
@KendallFrey I actually knew that :D
01:26
yay for knowledge
Me too.
\o/
Try harder. :)
Yes I think it is the same thing for angular
@Luggage one teaspoon of neutron star (roll with it) is roughly a mountain (10,000 tonnes)
or million
can't remember
w/e a mountain is
01:27
True.
@rlemon So when he says "update the bower components" all he is saying is go there, fix it to the latest version of AngularMaterial and then install ?
I watch youtube videos about this ALL DAY.
@qaispak sounds like it
@Luggage I remove peoples noses
I see. I'm gonna work on angular material now
giving front end stuff to someone who has no experience in web dev is brutal :( I will get used to it though
still amazes me
@Abhishrek you make a decent Canadian
01:32
@KendallFrey cool really?
@qaispak web dev is no fun
@qaispak its literally the blue collar work of CS
no, that's data migrations.
web dev is fun and profitable.
@rlemon a teaspoon of neutronium would fall straight to Earth's core, since nothing would be strong enough to hold it up
@Luggage well, the html and css part drives me crazy
but would it have enough gravity to condense more matter into neutronium around it?
or just sit in the center of the earth doing nothing
@KendallFrey I didn't say it had to be on earth
also, kendall-abishek is so my new favorite image
01:35
Also, the comparison between the electromagnetic force and gravity is pretty cool. The electromagnetic force in your feet is more than enough to oppose the gravitational force of the entire earth.
@Luggage I doubt it, tbh it would probably evaporate
@rlemon So, turns out this project is using a babel plugin called 'transform-class-properties'
That's why that syntax from earlier is working
@KendallFrey adding too the circumference of a circle by 6.3m will increase its radius by 1 meter regardless of its initial size. so if you have a rope long enough to wrap exactly around the equator of the Earth, you only need to add 6.3 meters of rope for for it to be able to hover 1 meter off the ground.
that also works for every convex shape
and most concave shapes
@Luggage I have no idea, just guessing
01:38
okay, The Fibonacci sequence is encoded in the number 1/89
your move
So you are saying the circumference increases by 2π in respect to the radius?
f'ed that up.
yes, but I'm also saying using binary you can count to 11111 on 1 hand and 1111111111 on 10
hehe
@rlemon do elaborate
Oh I see
is that infinite?
1/89 = 0.01 + 0.001 + 0.0002 + 0.00003 + 0.000005 + 0.0000008 + 0.00000013 + 0.000000021 + 0.0000000034...
01:45
damn
I wonder if that applies to other variations of the sequence
ofc I don't pretend to understand that
:D
> If you divide any number by 7, and the answer isn't an integer, you end up with the sequence 142857 recurring.
wtf math
?
(where I'm getting this)
You may enjoy Numberphile. Here is a good one to get you started:
yea I'm subbed
Snap! I knew I'd forgotten a channel when I switched accounts
Fcukin' love numberphile
Like... more than a friend
and the other related channels? Computerphile, Periodic Table of Videos?
01:56
Haz not watched
Sixty Symbols
StOP
HAMMERTIME!
You're going to kill my productivity
01:57
Not my problem. :)
Guys, what's the best way to figure out what's causing memory leak / slow performance on my frontend page?
I've tried chrome dev tool -> profiles but I can't exactly point out what's the issue
@EnglishMaster link?
Wow it is a bit slow
02:09
the second time was faster though
It gets slower
hard refresh
just leave it for 1 min
I think there are like 50 event trackings going on
that's the issue
Its a lot of data
but I can't exactly tell
02:10
3.8 MB
184 requests..
where do you see that?
well, I work with apps that uses 200 MB memory at once
so I'm not sure whehter that's an issue
but possible
Wait one sec..
There
I see that too
hmm thats funny...
that's only 50 requests
02:14
Ohhhhh
I refreshed 3 times, so my number was 4x too big sorry
You have memory leak?
How?
(how do you know?)
that's what I'm trying to figure out
it's slow, I was just assuming it's a memory leak
He knows because there is memory all over the floor.
@Luggage XD
02:16
slow != memory leak. It CAN be..
woah
i'm seeing double
@Luggage Im serious brah
nvm it stopped
me too
@Luggage you sniped him XD
(you posted before he did, making his post outdated)
02:17
It is still fuking slow
you can't even scroll
this site is fucked up
33.3mb heap
haha
hehehe
Its not that slow for me
it's super slow
try to scroll
Its probably just a slow server
33mb is not that high.
yeah
i know @Luggage I worked on apps with like 300 mb
in heap at once
it wasn't that slow
I think it's different issue
02:23
k
but I can't figure out what
What part of that page requires JS?
some event loop gone crazy.
Scrolling is fast for me...
idk what the problem is
same
02:24
@littlepootis it brings in like 8 different data crawl / marketing 3rd party snippets
is there any method to figure out all events atm?
@EnglishMaster okay thats the problem
@thepiercingarrow well not really
it should work just fine
@EnglishMaster debug?
slow to d/l, though
I worked on apps with 30 different 3rd party snippets
anyways, lunch time
I will be back soon
02:26
@EnglishMaster Thats a problem
Don'y use too many snippets
yea, you better remove that. I find the word 'potatoes' offensive.
@Luggage why?
What the hell do those third party snippets do?
A potato killed my father.
Track visitors?
Well, apparently.
Also, ugh. That "Important Information section".
That's poorly written.
Change the font-size to something around 1.25em and color to a blue-gray tint.
02:38
@EnglishMaster You only know there is memory leak when you can confirm it. Otherwise it's a suspicion. For example, pages with iframes from 3rd party scripts used to cause high memory usage when using AdBlock. 2GB per page has been reported, and not caused by memory leak.
@littlepootis is a genius
@sheepy is also a genius
@thepiercingarrow but useless
@littlepootis what do you mean?
Pootis is just being humble. :)
:)
@littlepootis are you good with interfaces?
@littlepootis I want to know if an interface I made is awkward for you or not
02:46
What kind of interface?
website
game that I'm making
@littlepootis sgus.herokuapp.com
Mainly curious what you think about the placement of "name" and "play"
Why not center them vertically?
And don't prompt for user's name when the page loads. It blocks page load.
@thepiercingarrow The layout is too early to tell whether the placement is good or bad. But, for a game, text input and button must look pretty different.
Vertically align is also a problem. It would better be pixel perfect.
02:53
Not sure why you're prompting for the name and then asking for it again in the text box.
03:21
Can your Chrome browser handle this? (x=>(...x ? x : x)=>x)
Need help
0
Q: Display checked box value with multiple div

Vintage BeefMy code is display checked box value all input field in added more reply div. But I want it to display in input field on current div that I used. This is my demo. <div class="reply-box" style="margin: 0 auto;"> <div class="controls"> <div style="margin-bottom: 20px;" class="entry inpu...

03:33
@Josiah LOL
03:46
Can someone figure out why campaigns.anz.com/credit-cards/low-rate is fucking slow?
firebase is fucking good btw
wtf is pa.js
wow problem solved
04:07
@le_m I don't think you can use the ternary operator (?) in parameter declaration, so it shouldn't work in any browser or engine.
ghostly plugin solved the issue
@EnglishMaster "supertag" seems to be blocking the page.
yeah
and someshit called pa.js
there are many shits on this page
I love ghostly
I use adblock with multiple lists, by the way. So I already see a lot less craps than the average user.
you are cool
so many shit on internet nowadays
they want to track all shits
GA, understandable but other shits, please stop
04:14
HAMMERTIME!
@EnglishMaster That means you (we) should rein in your rude words, yeah.
ok right
but it's just an expression though
Consider that a small effort to make the world a nicer place :)
it helps in smoother communication
in programming I name my variable

var shit = "some shit";

quite often, "shit" is something you must change in the future
otherwise people will see it and think you are not doing your work
04:18
I don't know. I always get many things I want to change. I never run out of job to do.
shit and crap is the best placeholder name for your variables and functions
I usually use foo, bar, bas for demo purpose.
Or mea, bah, sheep.
hmm, I still prefer shit, crap, or pho
pho because I like Beef Noodle
Your client and colleagues may be happier if you switch to... I once used cake, creme, brulee, and macaron.
But beef, soup, and noodle works well too.
P.S. I stopped that because my colleagues complain that I make them hungry and eat too much.
shit and crap symbolise my programming. Programming is for fun so we toss in shit and crap in it but later beautiful flower grows on it (when you leave this shit long enough)
@Sheepy When you listen to rap song like Eminem, he uses a lot of "Shit" in his songs. But it all still makes sense

class EminemSong{
   var shit1 = "shit1";
  var shit2 = "shit2"

  function translate shit1(){
     return "beef noodle";
  }
}
04:39
Never heard of it... so pardon me if it doesn't make sense to me >_<
<_>
kawai
。◕‿◕。
you so kawai desu
kawaii*
@cswl not to be confused with Hawaii
04:46
souka
@GNi33 Happy birthday! :D
13
Hi. This is an MIT license right? > github.com/ical4j/ical4j/blob/master/LICENSE
@GNi33 🎂
@deostroll Not exactly.
kawaiiii
@Sheepy
何と、あなたの名前はイングリッシュマスタ。イングリッシュを話す。
04:56
very kawaiii desu @Sheepy sensei
\("▔□▔)/ I yield
@deostroll I smell BSD

« first day (2050 days earlier)      last day (3121 days later) »