Forum |  HardWare.fr | News | Articles | PC | Prix | S'identifier | S'inscrire | Aide | Shop Recherche
1358 connectés 

 



 Mot :   Pseudo :  
  Aller à la page :
 
 Page :   1  2  3  4  5  ..  1432  1433  1434  1435  1436  1437
Page Suivante
Auteur Sujet :

blabla@web

n°2358883
Ted_mosby
PSN: Obstetricien
Posté le 29-07-2020 à 15:21:55  profilanswer
 

Reprise du message précédent :
D'accord, donc l'achat de templates serait plutôt pour des projets plus complexes que celui que j'ai mis en lien :jap:

 

Désolé, je replonge dans cet univers 15 ans après l'avoir quitté et j'me suis un peu perdu dans mes recherches d'inspiration pour effectuer des exercices :)

  

Message cité 1 fois
Message édité par Ted_mosby le 29-07-2020 à 15:22:09
mood
Publicité
Posté le 29-07-2020 à 15:21:55  profilanswer
 

n°2358884
Aewil
Posté le 29-07-2020 à 15:25:52  profilanswer
 

Ted_mosby a écrit :

D'accord, donc l'achat de templates serait plutôt pour des projets plus complexes que celui que j'ai mis en lien :jap:

 

Désolé, je replonge dans cet univers 15 ans après l'avoir quitté et j'me suis un peu perdu dans mes recherches d'inspiration pour effectuer des exercices :)

  


 

Oui, si c'est un truc que tu ne veux pas changer, c'est assez facile à prendre en main.

 

Si tu veux certains composants aussi, mais si tu as des différences en terme de stack technique, tu vas commencer à te tirer les cheveux.

 

Chez mon client, on en vient à mettre du JQUERY dans du Angular :o


Message édité par Aewil le 29-07-2020 à 15:26:15
n°2358885
Ted_mosby
PSN: Obstetricien
Posté le 29-07-2020 à 15:27:41  profilanswer
 

Ah mais je ne compte pas acheter de templates, là je cherchais juste de l'inspiration :D
 
D'ailleurs merci pour ton conseil au sujet de Flex, j'ai un peu potassé le sujet et ça a été comme une révélation :lol:
 

n°2358886
Aewil
Posté le 29-07-2020 à 15:29:32  profilanswer
 

Ted_mosby a écrit :

Ah mais je ne compte pas acheter de templates, là je cherchais juste de l'inspiration :D
 
D'ailleurs merci pour ton conseil au sujet de Flex, j'ai un peu potassé le sujet et ça a été comme une révélation :lol:
 


 
Pour l'inspiration, je peux te conseiller Dribbble aussi :) ou même muzli (il y a une extension Chrome qui te change ton "new tab" en page d'accueil inspiration web design), c'est ultra utile pour les devs qui manquent d'imagination :o
 
À ton service ;)

n°2358964
Zangalou
PlayJV
Posté le 31-07-2020 à 04:39:27  profilanswer
 

Salut a tous, petite question, j'aimerais intégrer une div comme cela à l'intérieur d'une autre div de mon site actuel. Lorsque je code ça sur une page neutre, c'est parfait, mais sur mon site, dans la div actuelle, ça me fonctionne pas (note que je ne peux pas intégrer de display:flex; dans le body, ça me décale logiquement absolument tout le reste de ma mise en page qui existe déjà et que je ne peux pas vraiment modifier rendu à cette étape). Globalement la div s'affiche dans l'espace, mais ce qui devrait faire office de bordures colorées est inexistant.
 
Voici le code utilisé sur la page neutre


body {
 margin:0;
 padding:0;
 display:flex;
 justify-content:center;
 align-items:center;
 min-height:100vh;}
 
 
.box {
 position:relative;
 width:500px;
 height:240px;
 justify-content:center;
 background:#FFF;}
 
.box:before {
 content:'';
 position:absolute;
 top:-2px;
 left:-2px;
 right:-2px;
 bottom:-2px;
 background:#333;
 transform:skew(2deg,2deg);
 z-index:-1;}
 
 
 
 .box:nth-child(1):before {
 background: linear-gradient(315deg,#ff0000,#ffc107);
 
 }

Message cité 2 fois
Message édité par Zangalou le 31-07-2020 à 04:40:34

---------------
GT: ZangalouQC
n°2358973
gatsu35
Posté le 31-07-2020 à 09:38:55  profilanswer
 

Zangalou a écrit :

Salut a tous, petite question, j'aimerais intégrer une div comme cela à l'intérieur d'une autre div de mon site actuel. Lorsque je code ça sur une page neutre, c'est parfait, mais sur mon site, dans la div actuelle, ça me fonctionne pas (note que je ne peux pas intégrer de display:flex; dans le body, ça me décale logiquement absolument tout le reste de ma mise en page qui existe déjà et que je ne peux pas vraiment modifier rendu à cette étape). Globalement la div s'affiche dans l'espace, mais ce qui devrait faire office de bordures colorées est inexistant.
 
Voici le code utilisé sur la page neutre


Avec le code HTML ça serait mieux.

n°2358974
bixibu
Ca ... c'est fait!
Posté le 31-07-2020 à 09:45:48  profilanswer
 

Zangalou a écrit :

Salut a tous, petite question, j'aimerais intégrer une div comme cela à l'intérieur d'une autre div de mon site actuel. Lorsque je code ça sur une page neutre, c'est parfait, mais sur mon site, dans la div actuelle, ça me fonctionne pas (note que je ne peux pas intégrer de display:flex; dans le body, ça me décale logiquement absolument tout le reste de ma mise en page qui existe déjà et que je ne peux pas vraiment modifier rendu à cette étape). Globalement la div s'affiche dans l'espace, mais ce qui devrait faire office de bordures colorées est inexistant.
 
Voici le code utilisé sur la page neutre


body {
 margin:0;
 padding:0;
 display:flex;
 justify-content:center;
 align-items:center;
 min-height:100vh;}
 
 
.box {
 position:relative;
 width:500px;
 height:240px;
 justify-content:center;
 background:#FFF;}
 
.box:before {
 content:'';
 position:absolute;
 top:-2px;
 left:-2px;
 right:-2px;
 bottom:-2px;
 background:#333;
 transform:skew(2deg,2deg);
 z-index:-1;}
 
 
 
 .box:nth-child(1):before {
 background: linear-gradient(315deg,#ff0000,#ffc107);
 
 }



 
Fais un vrai exemple propre via https://jsfiddle.net/ parce que la ...

n°2359005
bobbym
Posté le 31-07-2020 à 12:13:01  profilanswer
 

Je suis débutant et un peu désespére là...
 
Je suis en stage mais la barre est un peu trop haute pour moi...
 
Je trouve aucune doc pour m'aider à comprendre comment résoudre mon soucis.
 
En gros, j'ai un back en Symfony et un front en React.
Les deux communiquent via des requêtes GET/POST en JSON.  
 
J'ai des formulaires React qui sont connectés à mes entités Symfony.
 
Jusque là ça allait, sauf que là j'ai un objet complexe à plusieurs dimensions à envoyer en JSON et impossible.... :(  
 
 
Je suis en React typescript (.tsx)  
 
 
const utilisateur = {
    id: 1,
    email: "test@gmail.com",
    lastName: "Jane",
    firstName: "Doe",
    description: "User's description",
    userId: 2,
    "channels":[
        {
            social: {
                id: 2,
                name:"youtube"
            }, //aka youtube
            "url": "https://url.youtube.com/jane",
            "category": {
                id:1,
                name:"automobile",
                shortName:"auto"
            } // aka AUTO
        }
    ]
}
 
 
J'arrive à mettre à jour les données de l'utilisateur, mais pas dans les données du tableau Channel... c'est à dire les composants category et social me sont inaccessible.
Ça fait bien 8h que je suis sur le script et impossible.  
 
 
Si vous avez un tuto de comment arriver à un tel JSON via un formulaire React en Typescript je prends. Je trouve pas.  :o  
 

n°2359051
flo850
moi je
Posté le 31-07-2020 à 14:35:06  profilanswer
 

Les formulaire en reacts sont un peu différent du HTML  
 
Je vais te faire un exemple, tu utilise des hook, des classes , des composants fonctionnels ?  
 
 

Code :
  1. // hooks
  2. const [data, setData] = useState({})
  3.  
  4. // classes
  5. class MyComponent extends React.Component {
  6.   state = {}
  7.  
  8.   render(){}
  9. }
  10. // composants fonctionnels
  11. const MyComponent = render(props){}


 


---------------

n°2359063
bobbym
Posté le 31-07-2020 à 15:59:20  profilanswer
 

J'utilise les hooks.
J'aimerais bien trouver un tuto bien complet qui rassemble  :
- un formulaire avec des hooks  
- React Typescrit .tsx
- si possible du fetch de JSON depuis ma DB
 
Car le combo React c'est nouveau, les hooks c'est nouveau, bosser avec du JSON c'est nouveau... ya juste le back en SYmfony que je comprends à moitié. :D

mood
Publicité
Posté le 31-07-2020 à 15:59:20  profilanswer
 

n°2359067
flo850
moi je
Posté le 31-07-2020 à 16:24:37  profilanswer
 

je peux te faire des petits bouts qui te bloquent, ( et notamment pas le tsx )

 


Code :
  1. const submit= async (values) => {
  2.   // la tu balances ta requete côté serveur avec fetch par exemple, et tu retourne une promesse avec le resultat qui pourra servir à la gestion d'erreur
  3. }
  4.  
  5. render(){
  6.    const [formData, setFormData] = useState({channels:[]})
  7.  
  8.    return <form onSubmit=()=>submit()>
  9.      <input type="text" value={formData.myFirstField} id="myFirstField" onChange={e=>{
  10.          setFormData({...formData, myFirstField:e.target.value})
  11.        }}>
  12.      {
  13.         formData.channels.map((channel, index)=>{
  14.            return <>
  15.              <input type="text" value={channel. url} id={'channel.url' + index}
  16.                  onChange={e=>{
  17.                     let modifiedChannels = [ ...channels]
  18.                     let modifiedChannel = {...channel, url:e.target.value}
  19.                     modifiedChannels[index] = modifiedChannel
  20.                     setFormData({...formData, channels: modifiedChannels})
  21.               }}/>
  22.            <button onClick={()=>
  23.                let modifiedChannels = [ ...channels]
  24.                modifiedChannels.splice(index,1)
  25.                setFormData({...formData, channels: modifiedChannels})
  26.              }>remove channel</button>
  27.  
  28.          </>
  29.       })
  30.     }
  31.     <button onClick={()=>setFormData({...formData, channels:[...formData.channels,{}], }) }>add channel</button>
  32.      
  33.  <form>
  34. }


Toujours travailler sur des copies d'objets en react, ça te sauvera la vie

 

si tu n'es pas obligé de tout faire à la main, il y a des lib existantes , comme : https://github.com/vazco/uniforms / Les formulaires sont fastidieux en react "nu"


Message édité par flo850 le 31-07-2020 à 16:30:30

---------------

n°2359069
bobbym
Posté le 31-07-2020 à 16:43:56  profilanswer
 

Je suis à la dure :
- pas de lib
- pas de commentaire dans le code
 
Je te remercie pour ton aide, je regarderais ça à tête reposée.
 
J'ai grave du mal à trouver des infos cools en .tsx n'empêche :o

n°2359091
ximothov
Posté le 01-08-2020 à 05:01:42  profilanswer
 

https://codesandbox.io/s/hfr-ej711?file=/src/App.tsx
 
Tu peux fixer l'ux et les types toi meme :o
 
C'est un peu bizare d'avoir l'edition des channel et de l'user sur la meme page, j'aurais carrement fait une autre route du style:  
- page d'acceuil tu vois le user
- tu cliques sur details des channels t'arrive sur une route du style: /{userId}/channels-
- De la tu peux editer les channel (en ajoutant un ID sur chaque channel pour faire un update avec un simple channels = channels.map(channel => channel.id === udpated.id ? updated : channel)
 
 


Message édité par ximothov le 01-08-2020 à 05:29:29

---------------
http://www.youtube.com/profile?user=ximothov
n°2359163
bobbym
Posté le 02-08-2020 à 16:03:44  profilanswer
 

Trop facile. :o
En vrai je suis encore apprenant alors je suis.

mood
Publicité
Posté le   profilanswer
 

 Page :   1  2  3  4  5  ..  1432  1433  1434  1435  1436  1437
Page Suivante

Aller à :
Ajouter une réponse
 

Sujets relatifs
blabla 3blabla 2
PUTAIN HARKO TU AS FERM2 BLABLA ![Beaucoup de blabla pour rien : post à effacer] Compiler .bat
variable1="blabla + variable2 +blala : c'est possible ??[PHP & regex] "blabla blabla file.ext?point=444 blabla" Recupérer 444
mail("celine@hotmail.com"," sujet","blabla"); pose une err ! Help[MySQL] WHERE 'blabla' compris dans le champ truc
[blabla@prog] Le topic de ceux qui ne répondent pas à Jovalise[PHP / BlaBla - limite]
Plus de sujets relatifs à : blabla@web


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite) / Groupe LDLC / Shop HFR