Click here to Skip to main content
14,767,729 members
Home » Discussions » JavaScript
   

JavaScript

 
AnswerRe: Not sure where my mistake is. . . I want the two texts to turn blue and yellow. Pin
Nathan Minier30-Sep-19 10:17
professionalNathan Minier30-Sep-19 10:17 
AnswerRe: Not sure where my mistake is. . . I want the two texts to turn blue and yellow. Pin
Richard Deeming30-Sep-19 11:05
mveRichard Deeming30-Sep-19 11:05 
QuestionImporting css classes into React Component Pin
simpledeveloper26-Sep-19 11:47
Membersimpledeveloper26-Sep-19 11:47 
AnswerRe: Importing css classes into React Component Pin
Richard Deeming27-Sep-19 2:35
mveRichard Deeming27-Sep-19 2:35 
GeneralRe: Importing css classes into React Component Pin
simpledeveloper27-Sep-19 7:09
Membersimpledeveloper27-Sep-19 7:09 
GeneralRe: Importing css classes into React Component Pin
Wishe199130-Sep-19 0:25
MemberWishe199130-Sep-19 0:25 
QuestionTrying to convert a jQuery MVC app into React Web Api App Pin
simpledeveloper26-Sep-19 8:02
Membersimpledeveloper26-Sep-19 8:02 
AnswerRe: Trying to convert a jQuery MVC app into React Web Api App Pin
jkirkerx26-Sep-19 10:18
professionaljkirkerx26-Sep-19 10:18 
I don't have much experience with React, for I chose Angular instead. Angular and React are similar in design and sort of the same. Last year, I tried to convert my website which I wrote in .Net Core MVC, Razor, JQuery and Mobirize over to Angular.

I did what you are doing ...
Many of the cool Mobirise effects were written in JQuery, so I thought it would be an easy conversion for me to rewrite these effects from JQuery to Modern JavaScript and include the JS files and call the functions. This conversion would also remove JQuery from my project and I would be JQuery free at last. So I started rewriting JQuery into modern JavaScript and got a few effects working. Then the hammer came down on me; and I realized that the conversions only worked on the first page load. When switching pages, my new effects did not fire or run; because there is no page load when switching pages in Angular. In other words, Dom Ready only exist on the first page load. The Angular router doesn't fire a DOM ready when routing is called. So all this work went out the window and I moved on to CSS.

Next I worked on the cool Mobirise CSS styles, effects and animations. I wanted my project to be free of CSS, and chose SCSS instead, so I translated all of the Mobirise CSS into SCSS one style at a time and tested them and got good results.

So I was finally ready to do a dump of all the old technology and go with the new technology to produce a clean project. I dumped JQuery completely, Went SCSS, and worked on my Webpack, node-sass and build or package.json file. My project was a mess and all the old technology that was removed left me with a basket full of holes or missing things. I fixed or replaced one thing at a time and got 95% of it working.

So what did I learn?
I learned that the old way of how a website works does not apply to technologies such as Angular, React and Vue. It's a totally different way of thinking, which includes how your Models are designed, getting more CRUD like in how you design forms and your API calls, and even down to database document designs. With efficient models, db documents, and even SCSS classes, you can really simplify a project down to the bare bones with very few lines of code and HTML.

Now I have about 16 months experience with Angular V7+, SCSS, Webpack, npm packages, .Net Core V2.3+, modern JavaScript, TypeScript, MongoDB, NodeJS and I get it now. I'm in the process of adding a new store to my website as an experiment to test my skills before I write dedicated store on an enterprise level using React. I'm getting out of software contracting for others and will write my own apps for profit starting next year.

Final Thoughts
I don't think you have enough experience with not just React, but how this new technology works in general. You need to realize that you need to start from the ground up and explore the new possibilities that exist out there with React and dump the old way of doing things. If this CARB project your working on was sold as a React upgrade using the existing database servers and models, your going to be fighting this for years. That's why I was concerned as a California resident and my gas tax money being spent on this.

Check out my website link below, it's the project I'm talking about; my conversion from .Net Core MVC to Angular. And also a database conversion from SQL to Document based. You can GTMetrix the project as well to see the small footprint I created as well with super compression using webpack.
If it ain't broke don't fix it
Discover my world at jkirkerx.com

GeneralRe: Trying to convert a jQuery MVC app into React Web Api App Pin
simpledeveloper26-Sep-19 10:59
Membersimpledeveloper26-Sep-19 10:59 
GeneralRe: Trying to convert a jQuery MVC app into React Web Api App Pin
simpledeveloper26-Sep-19 11:58
Membersimpledeveloper26-Sep-19 11:58 
AnswerRe: Trying to convert a jQuery MVC app into React Web Api App Pin
Wishe199130-Sep-19 0:20
MemberWishe199130-Sep-19 0:20 
QuestionHow to call Fetch url using HTML ? Pin
Abdalla Ben Omran25-Sep-19 2:53
MemberAbdalla Ben Omran25-Sep-19 2:53 
AnswerRe: How to call Fetch url using HTML ? Pin
Richard Deeming25-Sep-19 3:48
mveRichard Deeming25-Sep-19 3:48 
AnswerRe: How to call Fetch url using HTML ? Pin
Wishe199130-Sep-19 0:26
MemberWishe199130-Sep-19 0:26 
QuestionGrid Pin
RajaMohammed.A23-Sep-19 21:27
MemberRajaMohammed.A23-Sep-19 21:27 
AnswerRe: Grid Pin
Richard MacCutchan23-Sep-19 22:02
mveRichard MacCutchan23-Sep-19 22:02 
AnswerRe: Grid Pin
ZurdoDev26-Sep-19 11:21
professionalZurdoDev26-Sep-19 11:21 
AnswerRe: Grid Pin
Wishe199130-Sep-19 0:24
MemberWishe199130-Sep-19 0:24 
QuestionCreating a JScript to add the filename to a document in PDF-Exchange Editor. Pin
MisterBobTheTomato18-Sep-19 3:32
MemberMisterBobTheTomato18-Sep-19 3:32 
AnswerRe: Creating a JScript to add the filename to a document in PDF-Exchange Editor. Pin
Wishe199130-Sep-19 0:24
MemberWishe199130-Sep-19 0:24 
GeneralRe: Creating a JScript to add the filename to a document in PDF-Exchange Editor. Pin
MisterBobTheTomato5-Oct-19 4:00
MemberMisterBobTheTomato5-Oct-19 4:00 
QuestionWhat is J Query in Javascript Pin
Jack Smiths13-Sep-19 7:49
MemberJack Smiths13-Sep-19 7:49 
AnswerRe: What is J Query in Javascript Pin
Richard Deeming13-Sep-19 8:01
mveRichard Deeming13-Sep-19 8:01 
GeneralRe: What is J Query in Javascript Pin
microrama0120-Sep-19 3:11
Membermicrorama0120-Sep-19 3:11 
AnswerRe: What is J Query in Javascript Pin
ZurdoDev16-Sep-19 5:00
professionalZurdoDev16-Sep-19 5:00 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.