« first day (3175 days earlier)      last day (1777 days later) » 

4:01 PM
Hmm
So your code knowledge that you already have means nothing? Well?
 
my code knowledge is for solving problems, not regurgitating easily accessible documentation to people too lazy to go out and get it.
 
It seems easier to get questions from to date people who actually know what they are doing rather than a random site from who knows when
But apparently not anymore.
 
4:35 PM
Could it be possible he honestly doesn't understand what is being meant by "help vampire"?
 
nah
i think he just doesn't care
o/
 
5:21 PM
@TaylorSpark if you are serial upvoted, the only reason you'd be banned is because you did it
Also, you have been warned about how you present yourself here. Don't give Kevin a hard time because he won't do the heavy lifting for you
You won't be warned again :)
 
user1596138
5:47 PM
I got a job
 
user1596138
I'm jhawins
 
So did I :D
 
Doing what?
 
user1596138
Senior front end dev
 
Neat
 
6:00 PM
Neat
 
React.js is Gold.
 
6:33 PM
So... I was working on my website, and I barrowed a background effect open source off codepen.io because the colors fit my website: skylerspark.github.io/index.html and I needed to slow down the animation a bit so its not like waving across the screen too fast...
im unsure how to configure the speed in the js: skylerspark.github.io/js/bg.js
anyone got any tips?
 
Congrats @DJSpud!
 
I want to work at a big company one day, a bit too young still
like 1 to 2 more years
JBis what do you think of my website? (link up above)
I think the js background fits nicely
does it stand out too much?
HMM Id like to get peoples opinions on my work so far, but Up until now, i really havent showed many people
 
the background is glitchy
 
meh
 
this isnt good:
 
6:40 PM
Really?
it isnt glitchy for me
whats happening with it?
 
using 108% of my cpu
I am not using Chrome
 
LOL
Im only using 19% of my cpu
I have my site open on 3 different zones
How many CPU cores do you have
I have about 3, but if you only have 1, EECKS
 
Dual Core. But again I am on Safari, not chrome.
I also feel like I have seen this before: skylerspark.github.io/pgs/page1/proj/proj1/index.html
 
Upgrade to triple or quad.
Oh thats my old project
I made Tearable wool, its a total redo of the original by dissimulate
its my pride and joy of JS
 
I shouldn't need a quad core to run your website
 
6:44 PM
animations are ugly
 
Not sure than dude, I got an old AMD triple ryzen... its not that good
 
user1596138
@TaylorSpark I got my first job at a huge company when I was 20. You can do it too but happy hour is awkward as hell
 
:( meanie
I have 6 programs open
and my website
So 108% cpu... Lol thats crazy
 
user1596138
lol your website turned the fans on on my 2070
 
user1596138
6:45 PM
I like it. Just assume everyone has a gaming PC at all times nbd
 
@DJSpud Where are you located? Did you go to college? (If you don't mind me asking)?
 
Why is it causing so much lag for yall... look at the size of the JS and html... theres like barely 8 pages, and the JS file is like 1/17th the size of THREE.js
 
user1596138
Tbf you could make a gif out of it tho and have the same affect
 
the amount of code doesn't impact the cpu usage
 
^^ I could crash your browser with 3 lines of code. It matters what the code is doing.
 
6:47 PM
I have it running on my computer too, both offline and online, both running on the index page with the animations running smooth.... Trust me this computer sucks, can barely run lite advanced graphics upgrades to simple games like minecraft
JBis crashing a browser is easy
check out my codepen, I made a project thats a spinning wheel of death
 
What browser?
 
user1596138
@JBis I'm in Indiana right now. I started working for a local business for 3 years that basically had no web presence... I was 17 going on 18. Built their web presence at $12/hr as the only developer and then someone from this room gave me the chance to jump ship and work on hundred million dollar products at a large company
 
it freezes your browser
 
user1596138
Whenever they ask me "how lucky are you" in interviews.. I say 10.
 
that's a lot of loops that run on each tick
of course it's laggy
 
6:48 PM
You dont have to crash a browser, you just have to lag it with a repeated CSS animation till it gets so laggy that the Browser UI Unloads and then it shuts down the program
Looks fine to me
running smooth
on my crappy butt pc
 
it's unnecessary
 
Perhaps it is relooping the css animations
not good
 
@DJSpud Nice. I am gonna try to get a good job straight out of college and work my way up. If I get into the program I want to, 96%+ get a decent job straight out of college. Average pay is 60k+ I think. Some even hit $100,000.
 
Kevin my site looks about as bland as a white room without that background
I dont like it one bit
 
so design it better
 
6:50 PM
Designing it better wont reduce the lag
 
of course it will
if you didn't need to loop through hundreds of circles, hundreds of times, on each frame, it wouldn't be as laggy.
 
How do you suppose me designing it better? Ive already reduced the css styles to 1 file referencing the WHOLE SITE... so i dont need a million style files, same thing with the js
I could slim it
ya know, squish it
 
user1596138
@JBis Nice. This industry is pretty generous... On my last day at my first job I made $15/hr and owned a bit of equity.. My second job paid $85K
 
a good background image
 
but that wont help much in the long term
 
6:51 PM
proper color choices
good fonts
 
@TaylorSpark no, ew, ew, ew. Split up the css. You shouldn't have just one file. Thats impossible to work with.
 
simple animations when the user interacts with the page
 
user1596138
Just ask for the moon and someone might give it to you haha that's my take
 
JBis not really, since each page has the same header top bar, I only need to define specific details like the header, titles, subtitles, and packages
and also small specific style files for places like my KNOWN page
which require styles for the table
 
@DJSpud Last summer I had an internship for $15/hr. It was awesome, trying to set something up similar but it seems the company doesn't have time for an internship right now.
 
6:53 PM
Other than that, I'd rather not adding WAYY more data to the page by duping the Style.css for EVERY PAGE... That wouldnt reduce the lag you were experiencing very much
 
why would you need to duplicate the css
 
I could remove layers of the css animation (or atleast try) and slow it down a bit
You just said split the css
 
have a header.css and load that into every page
you can have more than one css file on each page
 
Oh god, see theres one problem with that, I have to go into every page and type/paste it in there... then save it and reupload it
Ive already had to edit each page several times before, its not fun
 
my god
 
6:55 PM
@TaylorSpark life is sooooo hard
 
use a programming language
 
Yes JBis I get it
Mock mock mock the ones who dislike boring work
 
If only there was keyboard shortcut to copy and paste things with ease
 
Even with that, 1 mistake than i have to redo it again and again
 
6:56 PM
Your acting like it would take 2 hours. it would take you less than 5 min
 
user1596138
@TaylorSpark "caching"
 
thats why i put the css into 1 file, and only used small details in seperate files
 
HOW DO YOU MAKE A MISTKAE COPYING AND PASTING?
 
I have a Vue page where I'm trying to call an event inside a component, in the 'created' function. The event handler in the parent is being called before the 'created' function runs, but without the value that the 'created' function adds to the event. And after the 'created' function runs and triggers the event, the event handler doesn't get called again.
 
JBis, I mean, If I forget something or need to fix a mistake AFTER pasting all of it, I have to do it again
 
6:57 PM
You have got to be pretty damn incompetent to fuck up copy and pasting
 
can you shae teh code @Hyper?
 
Honestly I only have like 8-9 pages, 10 if you include the debug site (You need a keybind to open it, orrr just find it in the url)
replacing stuff in them isnt hard
 
This is what I have in the component:
created: function () {
        var thisRef = { TableObj: this };
        this.$emit("created", thisRef);
    }
 
but doing it over and over for hours kills me
 
user1596138
@TaylorSpark Fml now I have to go find this
 
6:58 PM
the code is all non-minified
shouldn't be hard
 
I give up @TaylorSpark. If your not wiling to put in the time and effort (even when its minimal) then we can't help you.
 
This is what I have in the tag for the component: v-on:created="dataTableCreated"
 
heres the hotkey to open the debug page from index
NUMPAD0::
	Send, {space}{up}{right}{down}ay{space}e{left}nay{right}{down}{space}
Lol i overcomplicate things
making konami codes to hide anoyying pages so people dont find them
nothing secret, just anoyying seeing a "debug_page" button.
 
Here's what I have in the parent:
    methods:{
            dataTableCreated: function (e) {
                if (e.TableObj == null) return;

                this.dataTable = e.TableObj;
                this.dataTable.parent = this;
            }
 
user1596138
@TaylorSpark I put that on a production website once but made it do the whole "infinitely open new windows until you run out of ram" thing to crash whoever entered it
 
7:00 PM
skylerspark.github.io/pgs/debug/index.html Its basically a site where I will include access to all my JS/CSS files, images, configuration pages.... right now its just a storage for my 404 error site
Lol DJSpud thats mean
 
user1596138
Someone called in one day and complained
 
Thing is, I'm using this same component with the same functionality in other pages and it works fine
 
user1596138
Oh and every window said "You found it"
 
@TaylorSpark i mean, it's much simpler than that
 
user1596138
So the boss goes "What page says 'you found it'"? This guy is having issues haha
 
7:01 PM
F12 + ESC + funcActive()
global vars/functions everywhere
 
Just run a stupidly overpowered script like this and itll kill people who enter the website
window.onload = function() {
window.open("https://skylerspark.github.io/pgs/debug/kill.html");
alert("GET SCREWED!");
};
Like that would probably be anoyying
reopening the same site that spams the same site with alerts
murderous, but I think some browsers block such scripts
I belive i once made a script that involved the page color inversion spamming (css filters) along with a similar killscript like the one above, and I fried a cpu core by accident.
I had visual studio open on a laptop while that script ran
I had about 50 tabs in 7 seconds
Not fun
 
hey guys if im just getting into js but have quite a bit of experience coding in other languages what should i look at
 
@SamuelWakeman Welcome to the JavaScript chat! Please review the room rules. If you have a question, just post it, and if anyone's free and interested they'll help. If you want to report an abusive user or a problem in this room, visit our meta.
 
@TaylorSpark that's a weird fantasy world you live in
@Hypersapien are you sure this in created is what you expect it to be?
 
Yeah. I put a breakpoint there and checked it.
The value that the event handler is getting is the Vue object that the event handler is in, without the TableObj wrapper.
 
dunno
sounds like something vue is doing
 
user1596138
Anyone got Scam Star Citizen?
 
so i created a react app using CRA and i told it to add typescript
 
7:23 PM
i stopped playin wow, now i'm back to FO76, with some KSP sprinkled inbetween
tonight i'm building a new SSTO
maybe 2
 
now, im also copying in some files from the VS2019 react template (that does not have typescript). some of these files give me red squiggles on my module imports
like 'react' and 'react-router-dom'
does that mean i need to add @type/<whatever> to my package.json file?
kind of weird tho cuz in one .tsx file 'react' gives the error, in another it does not...
 
does building it give you any useful errors?
 
npm start?
 
user1596138
Update: I got a different job 😂
 
user1596138
I haven't accepted either offer but fuck today is nuts
 
7:39 PM
wow
 
What made it beat out the other offer?
I have to call a couple companies and tell them they moved too slow
 
@KevinB I changed the name of the event and the event handler to see if something else was calling it accidentally and the same thing happened. I put a breakpoint in another function that wasn't being called anywhere to see if something was going through and calling every method in the object and it didn't get called. I can't figure out what is going on here.
 
user8729657
I'm sad dog the bounty hunter's wife passed
 
7:56 PM
is there really not a react template in vs2019 that uses typescript?!
does anyone have a report that can be cloned as a template instead?
@KevinB i see this in Problems tab in vscode:
Module '"../../node_modules/react-bootstrap'" has no exported member 'Grid'.
ive got "@types/react-router-bootstrap" in my package.json
as well as "react-router-bootstrap"
 
does it have grid as an exported member?
 
AND regular react-bootstrap. thats what i meant to say
well..... idk they are node_modules? not mine lol
 
so does this just mean these specific components are not supported for typescript?
this is the first time ive tried typescript with react
 
no, it means that module doesn't have the thing you're trying to get from it.
not really a react/typescript thing
 
8:06 PM
ya but... in another project it does
in fact. literally in the react vs2019 template, it does
 
i doubt that
or it's using an older version
 
ive actually just copied in the code form that template into my own CRA generated app with typescript
and ive matched the versions between that proj and mine
shit actually mine proj has a NEWER version of the module lol
so unless they actually took it out....................seems odd to me
 
all i can say is... it's not there
and i see no evidence that it was ever there
 
do you have vs2019?
go in there and start a new react template project
you will literally see Grid imported from react-bootstrap in the Layout.js file
 
no
 
8:09 PM
im not saying youre wrong.
im just saying im right
lol jk jk
 
search for grid
it's not in the module at all
 
just the docs for the module
 
but how is it that the VS2019 template has this:
import { Col, Grid, Row } from 'react-bootstrap';
and no errors and it runs fine
 
dunno
actually, i think i do
 
8:11 PM
??
 
bootstrap 3 did have a grid component
bootstrap 4, the current version, does not
 
wow damn
 
eh,
itdoes
 
lol
that makes sense then
 
8:12 PM
oh god lol
 
it's container/row/col
not grid/row/col
 
i saw that
this is so bizarre
like i simply want to use that vs2019 react template
but with typescript
so i generate mine own CRA and wanted to copy in the files from the VS2019 template
but..........theres shit there that doesnt exist lol
Glyphicon in react-bootstrap is another one
and NavBar
i guess since my app has 1.0.0-beta.9 instead of vs2019 having 0.31.5 - my first thing to try is downgrading
is there an npm command to take an already installed package down to another versino?
or do i uninstall first and reinstall specific version?
 
i would uninstall/reinstall
 
well, actually i would just upgrade the existing code to use the new version
 
8:18 PM
well
 
but other than that uninstall reinstall to downgrade, 😋
 
im trying to match my CRA generated to the ms template
may seem backwards i guess
but i want to continue using the structure of the app from the MS template
i just want it to have typescript! lol
so i thought just genrating my own CRA app and totally replacing the whole ms template proj would be easy enough. guess not
 
when you're not using the latest modules (and sometimes even when you are,) you have to be careful to match up all the dependencies accordingly
 
right
 
they don't always do it automatically
 
8:20 PM
seems hard to do
 
holy hell
check out the new SO home page that not logged in people get
 
lol
its like a crayola factory
 
i mean, it looks nice, but... so much pushing toward paid shit
 
mixed with every over marketing site for a product
yea - exactly
omg i hate my companies anti virus
running create-react-app and 50% of my CPU goes to the anti virus freaking out over all the files coming in
 
8:38 PM
i used to have that problem
until i complained
 
i mean..... if i just restarted my computer too
would prolly help
been a few.............months lol
 
8:55 PM
ok so... i just did a brand new CRM --typescript
now i also want to add react-bootstrap, react-router-bootstrap, react-router-dom
but.... do i just install those normally? or is it different now that i have typescript?
like do i install them or some @types/ version instead?
 
9:11 PM
so in general while using typescript in a react app..... do i need to install two packages for things? like the regular version and then the same thing but @types/ version?
so package AND @types/package ?
do that for everything?
 
user1596138
@SterlingArcher Bro I'll tell you who it is but not on here
 
user1596138
Basically the first one was a onshoring firm nobody cares about, the second one is for a company that's internationally well known
 
user1596138
I sent you the name on Hangouts
 
user1596138
I gotta move... Like.. yesterday lmao
 
9:32 PM
@JzInqXc9Dg some things come with types already, some don't
 
ya ive started noticing that
 
the compiler will complain when types are missing
a lot
 
it just makes it kind of annoying
i know i want like 5 packages
so i see if there is a @types verion
then i compare versions
usually @types is behind in version
so then the question is. do i limit my version in the regular package to the @types version so they match?
(let alone knowing whether the regular version already contains type definitions....)
i mean is there an easier way to do this?
im literally adding multiple packages right now and for each one i check all the versions against the @types version, etc
not really paying attention to whether there are type definitions in the regular version really....
there has got to be an easier way..
 
dunno.. hasn't really been a problem for me
i install it, use it, if the linter says types are missing, i add them, :shrug:
 
you use typescript in react?
 
9:40 PM
yes
 
ok so you want a new package
you just install it
then start using and later if it yells for a type, you just add it?
 
i install it, import it, and then the linter will tell me if it has types
 
then i look for types
it doesn't come up very often, it's not like i'm creating a new project or adding new modules every day
 
i know i know
im just trying to replicate VS2019 react template in a new CRA w/ typescript app
and holy shits harder than it should be lol
i think that vs2019 template is using shit where types dont exist
 
9:44 PM
i used a boilerplate from mobx
 
even when i do have type defintions for the appropriate package. its the there isnt certain types or they have a different interface than what the vs template has
hmmm maybe i should check that out
has TS ?
 
yup
 
is there one without redux?
i see hes got redux stuff in there. just way too overkill for my current app
 
uh, mine uses mobx, not redux
but you can just uninstall that part and not use it
 
what is mobx, ive not heard of it
do you have a link to the boiler plate you are talking about? maybe im looking at the wrong thing
 
9:50 PM
it's an alternative to redux, it's more magicy
 
Ooooooo
does it not require 17 layers of shit to use either?
i still saw action and reducer folders in a mobx boilerplate i was just looking at
 
it typically just requires adding {observable} and {observer} in front of things
 
pretty sure i saw "redux" referenced too
yea
 
and maybe {action}
 
i mean, i did an angular 2+ project awhile back. i was used to observables
 
9:51 PM
i'll see if i can find the one i used
 
(kind of. still magicy in a weird way to me)
thnx i would appreciate it. im just trying to get off the freaking ground lol
 
react + ts. dont see why so hard to get a template and get going
i just wish MS would have a react template in VS with typescript in it too
 
i primarily used it because the author was a regular here
but it worked really well
 
ya? nice
regular where? this chat?
 
9:54 PM
yes
haven't seen him in a while tho
 
ya
well im just needing to write a couple very small apps
and im honestly thinking fuck it... ill just use this vs2019 template. just not use typescript
i just dont see why it is yelling about import React from 'react'; saying it cant find declaration file
even tho i definitely have @types/React installed....
but then literally other files in this same project have import React, { Component } from 'react'; with no errors at all
nvm errors in other files too. just needed to convert the file from .js to .tsx
arrrg
 
10:48 PM
-2
Q: How to convert string to array with ranges JavaScript

Alexander DixonConsider the following string: 7, 20, 22, 30–31, 33, 39–40, 46 I developed some code that will automatically parse said string into an array with the given ranges as follows. var number_string = "7, 20, 22, 30–31, 33, 39–40, 46".toString().replace(/–/gi, '-').replace(/ /gi, '').split(','); ...

 
11:17 PM
test
Guys,

document.querySelector("[data-gt='{\"chrome_nav_item\":\"logo_chrome\"}']")

vs

document.querySelector("[data-gt=\"{\\\"chrome_nav_item\\\":\\\"logo_chrome\\\"}\"]")

?
What y'all think?
Oh, document.querySelector(`[data-gt='{"chrome_nav_item":"logo_chrome"}']`); is also possible
and so is document.querySelector(`[data-gt="{\\\"chrome_nav_item\\\":\\\"logo_chrome\\\"}"]`)
 

« first day (3175 days earlier)      last day (1777 days later) »